Padding häsiýeti

padding häsiýeti elementyň içki aralygyny kesgitleýär. Häsiýetiň bahasy bolsa istýän ölçeg birligi bolar. Başlangyç ýagdaýda, her bir brauzer elementlere dürli aralyklar goşup biler. Häsiýet şu häsiýetleriň gysga görnüşi: padding-top, padding-right, padding-bottom, padding-left.

Sintaksis

selektor {
	padding: baha;
}

Parametrleriň sany

padding häsiýeti 1, 2, 3 ýa-da 4 bahany boşluk bilen sanawlaýar:

Sany	Düşündiriş
`1`	Bir baha elementyň ähli tarapyndan aralygy kesgitleýär.
`2`	Birinji baha ýokardan we aşakdan aralygy kesgitleýär, ikinjisi bolsa sagdan we çepden.
`3`	Birinji baha ýokardan aralygy kesgitleýär, ikinjisi - sagdan we çepden, üçünjisi bolsa aşakdan.
`4`	Birinji baha ýokardan aralygy kesgitleýär, ikinjisi - sagdan, üçünjisi - aşakdan, dördünjisi bolsa çepden.

Mysal

Bu ýagdaýda, başlangyç ýagdaýda içki aralyk nol we tekst blokyň çägine ýapyşar:

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

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

Mysal

Indi bolsa içki aralygy 30px edeliň:

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

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

Mysal

Häzirki wagtda ýokardan we aşakdan aralyk 20px, sagdan we çepden bolsa - 5px:

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

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

Mysal

Häzirki wagtda ýokardan aralyk 5px, sagdan - 15px, aşakdan - 25px, çepden - 35px:

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

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

Şeýle-de görüň

margin häsiýeti,
daşky aralygy kesgitleýär