css властивість border-top

border-top - це універсальна властивість для скороченого запису значень для border-top-color, border-top-style й border-top-width. Ці властивості використовуються для стилізації верхньої межі елементів.

Три значення властивості можуть писатися в будь-якій послідовності, й одне або два з них, можуть бути пропущені.

Як і усі універсальні властивості, border-top завжди встановлює значення для всіх доступних властивостей, навіть якщо вони не були вказані(у цьому випадку вони отримають значення без задання).

Наприклад, початкове значення для border-top-style дорівнює none, тобто межа не показується. У випадку відсутності значення для цієї властивості, елемент не матиме межі, навіть якщо будуть прописані border-top-color та border-top-width.

правити

+ додати пораду чи нотатку

Синтаксис

border-top: border-width border-style border-color|initial|inherit;

Властивість border-top може отримувати 5 значень:

border-top-width

Значення задає товщину кордону.

автор: Svitlana

правити

border-top-style

Значення задає стиль кордону. Приймає декілька значень: dotted, dashed, solid, double, groove, ridge, inset, outset.

автор: Svitlana

правити

border-top-color

Встановлює колір кордону, значення може бути в будь-якому допустимому для CSS форматі.Колір кордону.

автор: Svitlana

правити

initial

Встановлює властивість у значення без задання

автор: Svitlana

правити

inherit

Вказує на спадковість властивості від свого батьківського елемента

автор: Svitlana

правити

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
border-top	1.0	1.0	1.0	3.5	4.0

Підтримка: мобільні переглядачі

Переглядач
border-top	1.0	1.0	1.0

Приклади

+ запропонувати свій приклад у пісочниці

<p>Верхня межа — товста крапчаста червона.</p>

p {
    border-style: solid;
    border-top: thick dotted #ff0000;
    padding: 8px;
}