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 қасиеті,
ол сыртқы шекті белгілейді