CSS:border-color
z Mozilla Developer Center, polskiego centrum programistów Mozilli.
[edytuj] Podsumowanie
Własność border-color jest skróconą własnością dla ustawienia koloru czterech krawędzi obramowania elementu.
- Wartość początkowa: własność
colorelementu - Stosowana do: wszystkich elementów
- Dziedziczona: nie
- Procenty: niedostępne
- Media:
visual - Wartość wyliczona: domyślnie wartość wyliczona
colorlub jako określone.
[edytuj] Składnia
border-color: [ <color> || transparent ]{1,4} | inherit
[edytuj] Wartości
- <color>
- Kolor może być zdefiniowany jako szesnastkowa wartość RGB, zwykła wartość RGB lub poprzez użycie jednego z predefiniowanych słów określających kolory.
- transparent
- Obramowanie nie jest rysowane, ale zajmuje przestrzeń na stronie.
Można ustawić do czterech wartości.
Jeśli dana jest jedna wartość koloru, wtedy wszystkie cztery krawędzie są tego koloru.
Jeśli dwie wartości - obramowanie górne i dolne używa pierwszej wartości, lewe i prawe używa drugiej.
Jeśli trzy wartości - pierwsza jest dla górnej krawędzi, druga dla lewej i prawej, trzecia dla dolnej.
Jesli cztery wartości - pierwsza dla górnego obramowania, druga dla prawego, trzecia dla dolnego i czwarta dla lewego.
[edytuj] Przykłady
element {
border-width: 1px;
border-style: solid;
border-color: black;
}
[edytuj] Notatki
W celu zobaczenia obramowania musisz również ustawić border-width na wartość dodatnią oraz border-style na jakąś widoczną.
[edytuj] Specyfikacje
[edytuj] Zgodność z przeglądarką
| Przeglądarka | Najniższa wersja |
|---|---|
| Internet Explorer | 4 |
| Firefox | 1 |
| Netscape | 4 |
| Opera | 3.5 |
[edytuj] Rozszerzenia Mozilli
Następujące rozszerzenia Mozilli ustawiają poszczególne krawędzie obramowania w różnorodnych kolorach w przeglądarkach opartych na Gecko.
[edytuj] Zobacz także
border, border-width, border-style, border-color, margin, padding