CSS-ում display հատկության աշխատանքը

Դուք արդեն գիտեք, որ բոլոր թեգերը պատկանում են որոշակի բլոկային մոդելի։ Սակայն ցանկության դեպքում կարելի է փոխել մոդելը՝ օգտագործելով display հատկությունը։ Այս հատկության block արժեքով տարրը կարելի է դարձնել բլոկային, իսկ inline արժեքով՝ տողային։

Եկեք անենք, որ span թեգերը վարվեն որպես բլոկային տարրեր․

<span>տեքստ</span>
<span>տեքստ</span>
<span>տեքստ</span>

span {
	display: block;
	width: 100px;
	height: 100px;
	border: 1px solid red;
	margin-bottom: 20px;
}

Իսկ հիմա եկեք անենք, որ div թեգերը վարվեն որպես տողային․

<div>տեքստ</div>
<div>տեքստ</div>
<div>տեքստ</div>

div {
	display: inline;
	width: 100px;
	height: 100px;
	border: 1px solid red;
}

Ենթադրենք Ձեր HTML կոդում կան մի քանի պարբերություններ։ Անեք, որ դրանք վարվեն որպես տողային տարրեր։

Ենթադրենք Ձեր HTML կոդում կան մի քանի հղումներ։ Անեք, որ դրանք վարվեն որպես բլոկային տարրեր։ Նշեք դրանց համար եզրագիծ, լայնություն և բարձրություն։