-->
border-top-style
Определение border-top-style
CSS свойство border-top-style
определяет стиль элемента верхней границы.
Значение по умолчанию: | none |
---|---|
Унаследовано: | no |
Анимируемый: | no. Читайте о animatable |
Версия: | CSS1 |
JavaScript синтаксис: | object.style.borderTopStyle="dashed" Попробуй |
Поддержка border-top-style
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает это свойство.
Свойство | |||||
---|---|---|---|---|---|
border-top-style | 1.0 | 5.5 | 1.0 | 1.0 | 9.2 |
Синтаксис border-top-style
border-top-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;
Значения border-top-style
Значение | Описание | Демонстрация |
---|---|---|
none | Определяет границы нет. Это значение по умолчанию | Демо ❯ |
hidden | То же, что и "none", за исключением разрешения пограничных конфликтов для элементов таблицы | Демо ❯ |
dotted | Определяет dotted границу | Демо ❯ |
dashed | Определяет dashed границу | Демо ❯ |
solid | Определяет solid границу | Демо ❯ |
double | Определяет double границу | Демо ❯ |
groove | Определяет groove границу. Эффект зависит от значения border-color | Демо ❯ |
ridge | Определяет 3D ridged границу. Эффект зависит от значения border-color | Демо ❯ |
inset | Определяет 3D inset границу. Эффект зависит от значения border-color | Демо ❯ |
outset | Определяет 3D outset границу. Эффект зависит от значения border-color | Демо ❯ |
initial | Устанавливает для этого свойства значение по умолчанию. Читайте о initial | |
inherit | Наследует это свойство от своего родительского элемента. Читайте о inherit |
Примеры border-top-style
Пример
Установить groove верхнюю границу:
div {
border-top-style: groove;
border-top-color: coral;
border-top-width: 7px;
}
Попробуйте сами »
Пример
Установить ridge верхнюю границу:
div {
border-top-style: ridge;
border-top-color: coral;
border-top-width: 7px;
}
Попробуйте сами »
Пример
Установить inset верхнюю границу:
div {
border-top-style: inset;
border-top-color: coral;
border-top-width: 7px;
}
Попробуйте сами »
Пример
Установить outset верхнюю границу:
div {
border-top-style: outset;
border-top-color: coral;
border-top-width: 7px;
}
Попробуйте сами »
Страницы по теме border-top-style
CSS Учебник: CSS Границы
CSS Справочник: border-top свойство
HTML DOM справочник: borderTopStyle свойство