CSS приклад: border-left

Опис

Свойство border-left дозволяє одночасно встановити товщину, стиль і колір лівої межі елемента. Значення можуть йти в будь-якому порядку, розділяючись пробілом, браузер сам визначить, яке з них відповідає потрібному властивості.

Синтаксис

border-left: [border-width || border-style || border-color] | inherit

Значення

Значення border-width визначає товщину межі. Для керування її виглядом надається декілька значень властивості border-style. Їх назви та результат дії представлені на рис. 1.

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

inherit успадковує значення батька.

Об'єктна модель

[window.]document.getElementById("elementID").style.borderLeft

Браузери

Браузер Internet Explorer до шостої версії включно при товщині межі 1px відображає dotted як dashed. При товщині 2px і більше значення dotted працює коректно. Ця помилка виправлена в IE7, але тільки для всіх меж товщиною 1px. Якщо одна з меж блоку має товщину 2px і більше, то в IE7 значення dotted перетворюється у dashed.

Internet Explorer до версії 7.0 включно не підтримує значення inherit.

Стиль межі в різних браузерах може трохи відрізнятися при використанні значень groove, ridge, inset або outset.

Межі

Часті запитання

  • Q: Як використовувати border-left в CSS?

    A: Застосовується для встановлення стилю, товщини та колір лівої межі елемента.

  • Q: Де використовують border-left в CSS?

    A: Border-left можна використовувати на будь-яких блокових або вбудованих елементах для визначення стилю лівої межі.

  • Q: Як задати товщину лівої межі за допомогою border-left в CSS?

    A: Товщину лівої межі можна задати вказавши значення (наприклад, px, em) параметру border-left-width.

  • Q: Як змінити колір лівої межі з допомогою border-left в CSS?

    A: Колір лівої межі можна встановити, вказавши значення (наприклад, назву кольору або hex-код) параметру border-left-color.

  • Q: Як встановити стиль лівої межі з допомогою border-left в CSS?

    A: Стиль лівої межі можна задати, вказавши значення (наприклад, solid, dashed, dotted) параметру border-left-style.