CSS padding-top Property
Przykład
Ustaw górne dopełnienie elementu <p> na 25 pikseli:
p.ex1 {
padding-top: 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-top
ustawia górne 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.paddingTop="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-top | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Składnia CSS
padding-top: length|initial|inherit;
Wartości nieruchomości
Value | Description | Play it |
---|---|---|
length | Specifies a fixed top padding in px, pt, cm, etc. Default value is 0. Read about length units | |
% | Specifies a top 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 górne dopełnienie elementu <p> na 10% szerokości elementu zawierającego:
p.ex1 {
padding-top: 10%;
}
Przykład
Ustaw górne dopełnienie elementu <p> na 2 em:
p.ex1 {
padding-top: 2em;
}
Powiązane strony
Samouczek CSS: dopełnienie CSS
Odniesienie HTML DOM: właściwość paddingTop