январь 2021
|
Пн |
Вт |
Ср |
Чт |
Пт |
Сб |
Вс |
|
1
|
2
|
3
|
4
|
5
|
6
|
7
|
8
|
9
|
10
|
11
|
12
|
13
|
14
|
15
|
16
|
17
|
18
|
19
|
20
|
21
|
22
|
23
|
24
|
25
|
26
|
27
|
28
|
29
|
30
|
31
|
|
Ссылки на каскадные стили CSS - outline-style.
Поддержка Браузеров
Интернет эксплорер
Google Chrome
Опера
Firefox
Сафари, то есть поддерживается во всех основных браузерах.
Определение и использование. Свойство outline-style представляет собой линию, что обращается вокруг элементов( вне границ), чтобы элементу "выделиться". Свойство outline-style задает стиль контуром. Свойство outline-style представляет собой линию вокруг элемента. Это отображается вокруг края элемента. Тем не менее, оно отличается от пограничного свойства. Контур не является частью размера элемента, поэтому ширина и высота данного элемента не содержат ширину контура.
Особенно интересное и полезное в данном случае не в том, что совершается какое-то изменение какого-то участка( элемента) страницы сайта. Вся удивительная и необходимая информация содержится в том, что свойство outline-style, которое действует через стили CSS3 самостоятельно и независимо работает и при отключения JavaScripta в браузере Вашего компьютера. Вам не надо гадать: будет работать - не будет работать, потому как работает постоянно и стабильно.
Синтаксис:
outline-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;
Описание и Использование
Значение по умолчанию: |
none |
наследует: |
нет |
Version: |
CSS2 |
JavaScript syntax: |
object.style.outlineStyle="dashed" |
Свойства Значения
Значение |
Описание |
none |
Указывает, что без контура. Это значение установлено по умолчанию |
hidden |
Задает скрытый контур |
dotted |
Указывает пунктирной линией |
dashed |
Указывает пунктирной линией |
solid |
Указывает сплошными линиями |
double |
Указывает двойной линией |
groove |
Указывает 3D-ребристая структура. Эффект зависит от outline-color значение |
ridge |
Указывает 3D гребнями контур. Эффект зависит от outline-color значение |
inset |
Указывает 3D врезки контур. Эффект зависит от outline-color значение |
outset |
Указывает 3D начала контур. Эффект зависит от outline-color значение |
initial |
Это свойство задает значение по умолчанию. |
inherit |
Наследует это свойство от своего родительского элемента. |
Пишем программу - Установить стиль контура:
< !DOCTYPE html>
< html>
< head>
< style>
p
{
border:1px solid red;
outline-style:dotted;
outline-color:#00ff00;
}
< /style>
< /head>
< body>
< p>< b>Внимание!!! < /b> IE8 поддерживает контур свойства, только если !DOCTYPE указан.< /p>
< /body>
< /html>
Результат программы:
Внимание!!! IE8 поддерживает контур свойства, только если !DOCTYPE указан.
ПОНРАВИЛОСЬ? ПОДЕЛИСЬ с ДРУЗЬЯМИ:
|
с ранним добрым утром!
фотограф Оля Леман свадьбы и торжества. нажмите сюда
|