clear հատկությունը

clear հատկությունը չեղարկում է մեկ էլեմենտի հոսքը մյուսներով, որը սահմանված է float հատկությամբ։ Կարող է ընդունել հետևյալ արժեքները․ none (չեղարկում է սեփական գործողությունը), both (չեղարկում է float միաժամանակ աջից և ձախից), left (չեղարկում է float ձախից), right (չեղարկում է float աջից)։

Շարահյուսություն

ընտրիչ {
	clear: none կամ left կամ right կամ both
}

Օրինակ

Եկեք չեղարկենք նկարի հոսքը տեքստով ձախից․

<img class="image" src="bg.png" alt="">
<div class="txt">
	<p>
		տեքստ տեքստ տեքստ տեքստ տեքստ տեքստ
		տեքստ տեքստ տեքստ տեքստ տեքստ տեքստ
		տեքստ տեքստ տեքստ տեքստ տեքստ տեքստ
		տեքստ տեքստ տեքստ տեքստ տեքստ տեքստ
	</p>
</div>

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

Օրինակ

Հիմա եկեք չեղարկենք նկարի հոսքը տեքստով աջից․

<img class="image" src="bg.png" alt="">
<div class="txt">
	<p>
		տեքստ տեքստ տեքստ տեքստ տեքստ տեքստ
		տեքստ տեքստ տեքստ տեքստ տեքստ տեքստ
		տեքստ տեքստ տեքստ տեքստ տեքստ տեքստ
		տեքստ տեքստ տեքստ տեքստ տեքստ տեքստ
	</p>
</div>

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

Օրինակ

Եկեք չեղարկենք clear հատկության սեփական գործողությունը․

<img class="image" src="bg.png" alt="">
<div class="txt">
	<p>
		տեքստ տեքստ տեքստ տեքստ տեքստ տեքստ
		տեքստ տեքստ տեքստ տեքստ տեքստ տեքստ
		տեքստ տեքստ տեքստ տեքստ տեքստ տեքստ
		տեքստ տեքստ տեքստ տեքստ տեքստ տեքստ
	</p>
</div>

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

Տես նաև

bottom հատկությունը,
որը սահմանում է էլեմենտի ներքևի եզրի դիրքը
top հատկությունը,
որը սահմանում է էլեմենտի վերևի եզրի դիրքը
left հատկությունը,
որը սահմանում է էլեմենտի ձախ եզրի դիրքը
right հատկությունը,
որը սահմանում է էլեմենտի աջ եզրի դիրքը
::backdrop կեղծէլեմենտը,
որը սահմանում է դասավորությունը առաջին էլեմենտից հետո
caption-side հատկությունը,
որը սահմանում է աղյուսակի վերնագրի դիրքը