Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

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.

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

Specification Status Comment
CSS Backgrounds and Borders Module Level 3
The definition of 'border-bottom' in that specification.
Candidate Recommendation No direct changes, though the modification of values for the border-bottom-color do apply to it.
CSS Level 2 (Revision 1)
The definition of 'border-bottom' in that specification.
Recommendation No significant changes
CSS Level 1
The definition of 'border-bottom' in that specification.
Recommendation Initial definition

Browser compatibility

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 1.0 1.0 (1.7 or earlier) 4 3.5 1.0 (85)
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support 1.0 1.0 (1.0) (Yes) (Yes) (Yes)

Autorzy i etykiety dokumentu

 Autorzy tej strony: fscholz, teoli, Yuichiro, Witia, Ptak82, Mgjbot
 Ostatnia aktualizacja: fscholz,