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 հատկությունը,
որը սահմանում է արտաքին բաց