Clear xassasi

clear xassesi bir elementin digerleri terefinden float xassesi ile teyin edilen wrapping-i legv edir. Asagidaki qiymetleri ala biler: none (oz hereketini legv edir), both (float-i eyni zamanda sagdan ve soldan legv edir), left (soldan float-i legv edir), right (sagdan float-i legv edir).

Sintaksis

selektor {
	clear: none ve ya left ve ya right ve ya both
}

Numune

Gelin soldan seklin metnle qursanmasini legv edek:

<img class="image" src="bg.png" alt="">
<div class="txt">
	<p>
		metn metn metn metn metn metn
		metn metn metn metn metn metn
		metn metn metn metn metn metn
		metn metn metn metn metn metn
	</p>
</div>

.image {
	float: left;
	padding-right: 10px;
}
.txt {
	clear: left;
}

Numune

Indi ise sagdan seklin metnle qursanmasini legv edek:

<img class="image" src="bg.png" alt="">
<div class="txt">
	<p>
		metn metn metn metn metn metn
		metn metn metn metn metn metn
		metn metn metn metn metn metn
		metn metn metn metn metn metn
	</p>
</div>

.image {
	float: right;
	padding-right: 10px;
}
.txt {
	clear: right;
}

Numune

Gelin clear xassesinin oz hereketini legv edek:

<img class="image" src="bg.png" alt="">
<div class="txt">
	<p>
		metn metn metn metn metn metn
		metn metn metn metn metn metn
		metn metn metn metn metn metn
		metn metn metn metn metn metn
	</p>
</div>

.image {
	float: right;
	padding-right: 10px;
}
.txt {
	clear: none;
}

Hemcinin bax

bottom xassesi,
elementin alt kenarinin movqeyini teyin edir
top xassesi,
elementin ust kenarinin movqeyini teyin edir
left xassesi,
elementin sol kenarinin movqeyini teyin edir
right xassesi,
elementin sag kenarinin movqeyini teyin edir
::backdrop psevdoelementi,
birinci elementden sonra yerlesdirmeni teyin edir
caption-side xassesi,
cedvelin basliginin movqeyini teyin edir