Својството 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>
text text text text text text
text text text text text text
text text text text text text
text text text text text text
</p>
</div>
.image {
float: left;
padding-right: 10px;
}
.txt {
clear: left;
}
:
Пример
Сега ајде да ја откажеме оптекањето на сликата со текст од десно:
<img class="image" src="bg.png" alt="">
<div class="txt">
<p>
text text text text text text
text text text text text text
text text text text text text
text text text text text text
</p>
</div>
.image {
float: right;
padding-right: 10px;
}
.txt {
clear: right;
}
:
Пример
Ајде да ја откажеме дејството на самото
својство clear:
<img class="image" src="bg.png" alt="">
<div class="txt">
<p>
text text text text text text
text text text text text text
text text text text text text
text text text text text text
</p>
</div>
.image {
float: right;
padding-right: 10px;
}
.txt {
clear: none;
}
:
Погледнете ги и
-
својството
bottom,
кое ја задава позицијата на долниот раб на елементот -
својството
top,
кое ја задава позицијата на горниот раб на елементот -
својството
left,
кое ја задава позицијата на левиот раб на елементот -
својството
right,
кое ја задава позицијата на десниот раб на елементот -
псевдоелементот
::backdrop,
кое ја задава локацијата после првиот елемент -
својството
caption-side,
кое ја задава позицијата на насловот на табелата