border-bottom

Podsumowanie

Własność border-bottom jest skróconą własnością, która ustawia wartości dla następujących własności: border-bottom-color, border-bottom-style oraz border-bottom-width. Te własności opisują dolne obramowanie elementu.

• Wartość początkowa: szczegóły zobacz w indywidualnych własnościach
• Stosowana do: wszystkich elementów
• Dziedziczona: nie
• Procenty: niedostępne
• Media: visual
• Wartość wyliczona: zobacz indywidualne własności

Składnia

border-bottom: [ <border-width> || <border-style> || <border-color> ] | inherit

Wartości

border-width 

Zobacz border-bottom-width.

border-style 

Zobacz border-bottom-style.

border-color 

Zobacz border-bottom-color.

Przykłady

Zobacz przykład

element { 
    border-bottom-width: 1px solid #000;
}

Notatki

Trzy wartości skróconej własności mogą być określone w dowolnym porządku, zaś jedna lub dwie z nich mogą być pominięte.

Jak w przypadku wszystkich skróconych własności, border-bottom zawsze ustawia wartości wszystkich własności, które może ustawić, nawet, jeśli nie są określone. Zatem te, które nie są zdefiniowane, ustawia do ich domyślnych wartości. Oznacza to, że:

  border-bottom-style: dotted;
  border-bottom: thick green;

jest dokładnie tym samym, co

  border-bottom-style: dotted;
  border-bottom: none thick green;

i wartość border-bottom-style, nadana przed border-bottom, jest ignorowana.

Ponieważ domyślną wartością border-bottom-style jest none, nieokreślenie wartości składnika border-style oznacza, że własność ustawi brak obramowania.

Specifications

Browser compatibility