css властивість border-left
border-left- це універсальна властивість для скороченого запису значень для border-left-color, border-left-style й border-left-width. Ці властивості використовуються для стилізації лівої межі елементів.
Три значення властивості можуть писатися в будь-якій послідовності, й одне або два з них, можуть бути пропущені.
Як і усі універсальні властивості, border-left завжди встановлює значення для всіх доступних властивостей, навіть якщо вони не були вказані(у цьому випадку вони отримають значення без задання).
Наприклад, початкове значення для border-left-style дорівнює none, тобто межа не показується. У випадку відсутності значення для цієї властивості, елемент не матиме межі, навіть якщо будуть прописані border-left-color та border-left-width.
Синтаксис
border-left: border-width border-style border-color|initial|inherit;Властивість border-left може отримувати 5 значень:
-
border-left-width -
Товщина кордону.
автор: Svitlana -
border-left-style -
Стиль кордону.
автор: Svitlana -
border-left-color -
Колір кордону.
автор: Svitlana -
initial -
Встановлює властивість у значення без задання
автор: Svitlana -
inherit -
Вказує на спадковість властивості від свого батьківського елемента
автор: Svitlana
| Значення без задання: | Залежить від використання |
|---|---|
| Наслідує: | Ні |
| Анімується: | Так |
| JavaScript синтаксис: | object.style.borderLeft="5px dotted blue" |
Переглядачі
| Переглядач |  |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|---|
| 1 | 1 | 1 | 3.5 | 12 | 4 |
| Переглядач |  |
 |
 |
 |
|---|---|---|---|---|
| 4.4 | 18 | 4 | 1 |
Приклади
+ запропонувати свій приклад у пісочниці
Усі межі суцільні, а border-left переписує ліву: товста, подвійна, червона.
HTML
<p>Ліва межа — товста подвійна червона.</p>CSS
p {
border-style: solid;
border-left: thick double #ff0000;
padding: 8px;
}Динамічний приклад
Демонстрація роботи властивості
Демонстрація роботи властивості
Приклад використання властивості
Коментарі
Коментарів ще немає — будьте першим!