CSS-da padding bilan ishlash

Biz tashqi maydon hosil qiluvchi margin xususiyatini ko'rib chiqdik. Chegaradan ichkariga maydon xosil qiladigan padding xususiyati ham mavjud.

Keling, padding qanday ishlashini misollarda ko'rib chiqaylik. Buning uchun men paddingsiz blok beraman (uning matni chetlariga yopishtirilgan):

#elem {
	border-width: 3px;
	border-style: ridge;
	border-color: black;
	width: 300px;
	height: 100px;
}

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

Keling, barcha tomonlar uchun 30px padding o'rnatamiz:

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

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