Хосияти padding

Хосияти padding фосилаи дарунии унсурро муқаррар мекунад. Қимати хосият ҳама воҳидҳои барои андозаҳо мебошанд. Ба таври пешфарз ҳар як браузер метавонад ба унсурҳо фосилаҳои гуногун илова кунад. Хосият барои хосиятҳои padding-top, padding-right, padding-bottom, padding-left ихтисор аст.

Синтаксис

интихобкунанда {
	padding: қимат;
}

Шумораи параметрҳо

Хосияти padding 1, 2, 3 ё 4 қиматро қабул мекунад, ки бо фосила ҷудо карда шудаанд:

Шумора	Тавсиф
`1`	Як қимат фосиларо аз ҳама тарафҳои унсур муқаррар мекунад.
`2`	Қимати якум фосиларо аз боло ва поён муқаррар мекунад, ва дуюм - аз рост ва чап.
`3`	Қимати якум фосиларо аз боло муқаррар мекунад, дуюм - аз рост ва чап, ва сеюм - аз поён.
`4`	Қимати якум фосиларо аз боло муқаррар мекунад, дуюм - аз рост, сеюм - аз поён, ва чорум - аз чап.

Намуна

Дар ин ҳолат ба таври пешфарз фосилаи дарунӣ сифр хоҳад буд ва матн ба сарҳади блок фишурда мешавад:

<div id="elem">
	some long text
</div>

#elem {
	padding: 0;
	width: 300px;
	border: 1px solid black;
	text-align: justify;
}

Намуна

Ва акнун биёед фосилаи даруниро ба 30px созем:

<div id="elem">
	some long text
</div>

#elem {
	padding: 30px;
	width: 300px;
	border: 1px solid black;
	text-align: justify;
}

Намуна

Акнун фосила аз боло ва поён 20px хоҳад буд, ва аз рост ва чап - 5px:

<div id="elem">
	some long text
</div>

#elem {
	padding: 20px 5px;
	width: 300px;
	border: 1px solid black;
	text-align: justify;
}

Намуна

Акнун фосила аз боло 5px, аз рост - 15px, аз поён - 25px, аз чап - 35px:

<div id="elem">
	some long text
</div>

#elem {
	padding: 5px 15px 25px 35px;
	width: 300px;
	border: 1px solid black;
	text-align: justify;
}

Ҳамчунин нигаред

хосияти margin,
ки фосилаи беруниро муқаррар мекунад