Właściwość CSS Padding Jest używane aby zdefiniować odstęp pomiędzy zawartością elementu a jego krawędzią .
Różni się od marginesu CSS sposobem, w jaki margines CSS definiuje przestrzeń wokół elementów. Kolory tła mają wpływ na dopełnienie CSS. Czyści obszar wokół zawartości.
Dopełnienie górne, dolne, lewe i prawe można zmieniać niezależnie, korzystając z oddzielnych właściwości. Możesz także zmienić wszystkie właściwości na raz, używając skrótowej właściwości dopełnienia.
Właściwości dopełnienia CSS
| Nieruchomość | Opis |
|---|---|
| wyściółka | Służy do ustawienia wszystkich właściwości dopełnienia w jednej deklaracji. |
| dopełnienie-lewe | Służy do ustawienia lewego dopełnienia elementu. |
| dopełnienie-prawe | Służy do ustawienia odpowiedniego wypełnienia elementu. |
| wyściółka | Służy do ustawienia górnego wypełnienia elementu. |
| wyściełane dno | Służy do ustawienia dolnego wypełnienia elementu. |
Wartości dopełnienia CSS
| Wartość | Opis |
|---|---|
| długość | Służy do definiowania stałego dopełnienia w pt, px, em itp. |
| % | Definiuje dopełnienie w% elementu zawierającego. |
Przykład dopełnienia CSS
p { background-color: pink; } p.padding { padding-top: 50px; padding-right: 100px; padding-bottom: 150px; padding-left: 200px; } <p>This is a paragraph with no specified padding.</p> <p>This is a paragraph with specified paddings.</p> Przetestuj teraz Wyjście:
To jest akapit bez określonego wypełnienia.
To jest akapit z określonymi dopełnieniami.