Тег CSS border-top-style: опис, синтаксис та значення
Тег border-top-style встановлює стиль верхньої межі елемента. Цей тег має наступний синтаксис: border-top-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|inherit.
Значення
- none
- Лінія не відображається та її товщина стає нульовою.
- hidden
- Має такий же ефект, як і none, за винятком використання border-top-style у таблиці з властивістю border-collapse встановленою як collapse. У цьому випадку верхня межа в комірці не буде взагалі відображатися.
- dotted
- Лінія, складена з набору крапок.
- ...
- Додаткові значення.
Приклад
<style>
h1 {
border-top-color: #800000; /* Колір верхньої лінії */
border-top-style: double; /* Стиль верхньої лінії */
border-top-width: 7px; /* Товщина верхньої лінії */
}
</style>
Браузери
Internet Explorer до версії 7.0 включно не підтримує значення hidden та inherit. Стиль межі у різних браузерах може трохи відрізнятися при використанні значень groove, ridge, inset або outset.