CSS-da display xususiyati bilan ishlash
Siz allaqachon bilasizki, barcha teglar ma'lum bir
blok modeliga tegishli. Istasangiz, biroq,
display xususiyati yordamida modelni o'zgartirishingiz mumkin.
Ushbu xususiyatning block qiymati yordamida
elementni blokli qilish mumkin, inline qiymati
yordamida esa - satrli.
Keling, span teglari
blok elementlar kabi tutayotganini qilaylik:
<span>text</span>
<span>text</span>
<span>text</span>
span {
display: block;
width: 100px;
height: 100px;
border: 1px solid red;
margin-bottom: 20px;
}
:
Endi esa, div teglari
satrli elementlar kabi tutayotganini qilaylik:
<div>text</div>
<div>text</div>
<div>text</div>
div {
display: inline;
width: 100px;
height: 100px;
border: 1px solid red;
}
:
HTML kodingizda bir nechta abzatslar bo'lsin. Ularning satrli elementlar kabi tutayotganini qiling.
HTML kodingizda bir nechta havolalar bo'lsin. Ularning blok elementlar kabi tutayotganini qiling. Ulga chet, kenglik va balandlik bering.
