Свойство outline-offset сдвигает внешнюю границу на заданное расстояние от края элемента.
Отличия внешней границы от границы элемента:
- Внешняя граница не увеличивает ширину элемента
- Внешняя граница может быть не прямоугольной формы
| Значение по умолчанию: |
0 |
| Наследуется: |
нет |
| Версия: |
CSS3 |
| Синтаксис JavaScript: |
object.style.outlineOffset="15px" |
| Значение |
Описание |
| расстояние |
Задает величину отступа внешней границы от элемента. |
| inherit |
Указывает, что значение наследуется от родительского элемента. |
Пример
html
head
style type="text/css"
div {
margin: 20px;
width: 180px;
padding: 10px;
height: 70px;
border: 2px solid black;
outline: 2px solid red;
outline-offset: 15px;
}
/style
/head
body
divСвойство outline-offset задает расстояние между внешней границей
и краем элемента в 15px./div
/body
/html
|