Svojstvo CSS Padding koristi se za definiranje razmaka između sadržaja elementa i granice elementa .
Razlikuje se od CSS margine po tome što CSS margina definira prostor oko elemenata. Boje pozadine utječu na CSS ispunu. Čisti područje oko sadržaja.
Gornje, donje, lijevo i desno ispune mogu se mijenjati neovisno pomoću zasebnih svojstava. Također možete promijeniti sva svojstva odjednom koristeći skraćeno svojstvo padding.
CSS Padding Svojstva
Vlasništvo | Opis |
---|---|
podstava | Koristi se za postavljanje svih svojstava ispune u jednoj deklaraciji. |
padding-lijevo | Koristi se za postavljanje lijevog razmaka od elementa. |
padding-desno | Koristi se za postavljanje desnog ispuna elementa. |
padding-top | Koristi se za postavljanje gornjeg ispuna elementa. |
padding-bottom | Koristi se za postavljanje donjeg sloja elementa. |
CSS Padding Values
Vrijednost | Opis |
---|---|
duljina | Koristi se za definiranje fiksnog ispuna u pt, px, em itd. |
% | Definira ispunu u % sadržanog elementa. |
Primjer CSS ispune
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>Testirajte sada
Izlaz:
Ovo je odlomak bez specificiranih ispuna.
Ovo je odlomak s određenim ispunama.