CSS:-moz-border-bottom-colors

z Mozilla Developer Center, polskiego centrum programistów Mozilli.

« Dokumentacja CSS « Dokumentacja CSS:Rozszerzenia Mozilli

[edytuj] Podsumowanie

W aplikacjach opartych na Mozilli -moz-border-bottom-colors ustawia kolory dolnego obramowania. Powinna być ustawiona lista kolorów. Jeśli element ma obramowanie, które jest szersze niż pojedynczy piksel, każda linia pikseli używa następnego koloru określonego w tej własności, z zewnątrz do wewnątrz. Eliminuje to potrzebę zagnieżdżonych boksów. Jeśli obramowanie jest szersze niż liczba określonej w tej własności kolorów, pozostała część obramowania jest w kolorze określonym najbliżej środka.

• Wartość początkowa: nie stosuje się
• Dotyczy: wszystkich elementów
• Dziedziczony: nie

Obecność -moz-border-bottom-colors oddziela kod rysujący obramowanie, który był zaprojektowany do rysowania obramowań elementów interfejsu użytkownika, ale nie wspiera wielu innych własności obramowania.

[edytuj] Składnia

-moz-border-bottom-colors: [<color> | transparent,]* <color> | transparent

[edytuj] Wartości

<color>

Określa kolor linii pikseli dolnego obramowania

transparent

Linia pikseli nie ma własnego koloru, w zamian pokazuje kolor elementu pod spodem

[edytuj] Powiązane własności

• -moz-border-left-colors ustawia kolory lewego obramowania
• -moz-border-right-colors ustawia kolory prawego obramowania
• -moz-border-top-colors ustawia kolory górnego obramowania

[edytuj] Przykłady

hbox.example {
  border: 5px solid #000000;

  /* Kolor dolnego obramowania będzie czerwony, zielony, niebieski i biały
     zaczynając od zewnątrz */
  -moz-border-bottom-colors: #FF0000 #00FF00 #0000FF #FFFFFF;
}