CSS padding-bottom Property
Przykład
Ustaw dolną część dopełnienia elementu <p> na 25 pikseli:
p.ex1 {
padding-bottom: 25px;
}
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Wypełnienie elementu to przestrzeń pomiędzy jego zawartością a jego obramowaniem.
Właściwość padding-bottom
ustawia dolne wypełnienie (spację) elementu.
Uwaga: wartości ujemne nie są dozwolone.
Domyślna wartość: | 0 |
---|---|
Dziedziczny: | nie |
Animowalny: | tak. Przeczytaj o animacji |
Wersja: | CSS1 |
Składnia JavaScript: | obiekt .style.paddingBottom="50px" |
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.
Property | |||||
---|---|---|---|---|---|
padding-bottom | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Składnia CSS
padding-bottom: length|initial|inherit;
Wartości nieruchomości
Value | Description | Play it |
---|---|---|
length | Specifies a fixed bottom padding in px, pt, cm, etc. Default value is 0. Read about length units | |
% | Specifies a bottom padding in percent of the width of the containing element | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Więcej przykładów
Przykład
Ustaw dolne dopełnienie elementu <p> na 10% szerokości elementu zawierającego:
p.ex1 {
padding-bottom: 10%;
}
Przykład
Ustaw dolną wyściółkę dla elementu <p> na 2 em:
p.ex1 {
padding-bottom: 2em;
}
Powiązane strony
Samouczek CSS: dopełnienie CSS
Odniesienie HTML DOM: właściwość paddingBottom