CSS-də display xüsusiyyəti ilə iş

Artıq bilirsiniz ki, bütün teqlər müəyyən bir blok modelinə aiddir. Lakin istəsəniz, display xüsusiyyəti vasitəsilə modeli dəyişə bilərsiniz. Bu xüsusiyyətin block dəyəri ilə elementi blok elementinə çevirə bilərsiniz, inline dəyəri ilə isə - sətir elementi.

Gəlin span teqlərinin blok elementləri kimi davranmasını təmin edək:

<span>text</span>
<span>text</span>
<span>text</span>

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

İndi isə div teqlərinin sətir elementləri kimi davranmasını təmin edək:

<div>text</div>
<div>text</div>
<div>text</div>

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

Tutaq ki, HTML kodunuzda bir neçə abzas var. Onların sətir elementləri kimi davranmasını təmin edin.

Tutaq ki, HTML kodunuzda bir neçə link var. Onların blok elementləri kimi davranmasını təmin edin. Onlara çərçivə, en və hündürlük təyin edin.