logo

CSS ispuna

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.