outline-style
Поддержка браузерами
| 12.0+ | 8.0+ | 1.5+ | 1.0+ | 7.0+ | 1.2+ |
Описание
CSS свойство outline-style указывает стиль для внешней границы. Внешняя граница - это линия, которая рисуется вокруг элемента (за пределами границы), чтобы сделать его "выделяющимся".
| Значение по умолчанию: | none |
|---|---|
| Применяется: | ко всем элементам |
| Анимируется: | нет |
| Наследуется: | нет |
| Версия: | CSS2 |
| Синтаксис JavaScript: | object.style.outlineStyle="dotted" |
Синтаксис
outline-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|inherit;
Значения свойства
| Значение | Описание |
|---|---|
| none | Указывает, что внешняя граница отсутствует. |
| dotted | Точечная рамка. |
| dashed | Пунктирная рамка. |
| solid | Сплошная рамка. |
| double | Двойная рамка. |
| groove | Создает эффект объемной рамки. |
| ridge | Создает эффект объемной рамки. |
| inset | Создает эффект объемной рамки. |
| outset | Создает эффект объемной рамки. |
| inherit | Указывает, что значение наследуется от родительского элемента. |
Пример
CSS Свойство:
outline-style:
Результат:
CSS Код:
div {
border: 1px solid green;
outline-color: red;
outline-style: none;
}
border: 1px solid green;
outline-color: red;
outline-style: none;
}