| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 1.0+ |
Коротка інформація
| Значення за замовчуванням | none |
|---|---|
| Наслідується | Ні |
| Застосовується | До всіх елементів |
Версії CSS
| CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
|---|---|---|---|
Опис
Встановлює набір кольорів для лівої межі елемента. Якщо межа товще одного пікселя, можна задати власний колір для кожної лінії пікселів.
Не застосовується:
- якщо значення стиль-межі встановлено як пунктирний або крапковий;
- до таблиць, у яких злиття-меж задано як злиття.
Синтаксис
-moz-border-left-colors: [колір]* колір | none
Значення
- none
- Немає кольору або використовується колір, заданий властивістю колір-межі.
- колір
- Значення кольору в будь-якому допустимому форматі для CSS. Також можна використовувати значення прозорий для вказівки прозорості.
Набір кольорів записується через пробіл, починаючи з кольору зовнішнього краю і закінчуючи кольором внутрішнього краю. Якщо задана товщина більше встановленої кількості кольорів, залишена частина ліній заповнюється кольором внутрішнього краю.
Приклад
HTML5CSS2.1CSS3IECrOpSaFx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>-moz-border-left-colors</title>
<style>
.line {
border: 5px solid #ffa02d;
-moz-border-top-colors: #000 #fc0 #000 #fc0 #000;
-moz-border-left-colors: #000 #fc0 #000 #fc0 #000;
-moz-border-right-colors: #000 #fc0 #000 #fc0 #000;
-moz-border-bottom-colors: #000 #fc0 #000 #fc0 #000;
background: #ffe;
padding: 10px;
}
</style>
</head>
<body>
<div class="line">
Тем не менше як тільки ортодоксальність остаточно восторгується,
навіть ця невеличка прогалина буде закрита.
</div>
</body>
</html>Результат цього прикладу показаний на рис. 1.
Браузери
-moz-border-left-colors нестандартне властивість і підтримується лише браузером Firefox починаючи з версії 1.0.