Властивість clear є одним із ключових інструментів у CSS, що використовується для контролю розміщення елементів на веб-сторінці. Воно дозволяє визначити, як елемент повинен поводитись по відношенню до сусідніх елементів, які розташовуються зліва або праворуч від нього.
Основна функція властивості clear полягає у запобіганні перекриттю елементів іншими елементами, розташованими поряд з ними. Коли елементу присвоюється значення clear, він "очищається" від обтікання іншими елементами та переміщається під ними.
Властивість clear може бути задано для елементів, які мають властивість float або position. Воно може набувати різних значень, таких як left, right і both. Значення left вказує, щоб елемент "очищався" від елементів, розташованих ліворуч, right – від елементів, розташованих праворуч, а значення both означає "очищення" від елементів, розташованих і ліворуч, і праворуч.
| Властивість clear |
|---|
| Властивість clear встановлює, як елементи повинні поводитись щодо елементів, які йдуть перед ним. |
| Властивість clear може приймати такі значення: |
| 1. clear: none – елемент не повинен бути очищений від обтікаючих елементів; |
| 2. clear: left – елемент буде очищений від обтікаючих елементів з лівого боку; |
| 3. clear: right – елемент буде очищений від обтікаючих елементів з правого боку; |
| 4. clear: both – елемент буде очищений від обтікаючих елементів з обох сторін. |
Скасування обтікання: властивість clear Як зробити скидання обтікання? У цьому нам допоможе властивість clear та його значення: left — елемент, до якого застосовується властивість clear:left, перестає обтікати елемент із властивістю float:left, проте праве обтікання зберігається.
Навіщо використовується Clear?
Clear використовується для створення світлих пасм як на натуральному так і на вже раніше фарбованому волоссі. Clear працює з натуральним пігментом і піднімає рівень тону для м'якого мелірування волосся з наданням блискучих (мерехтливих) пасм.
Що означає властивість clear?
clear CSS вказує, чи може елемент бути поруч із плаваючими floating елементами, які передують йому або повинні бути переміщені вниз (очищені) під ними. Властивість clear застосовується як до плаваючих, так і до неплавних елементів.
Що таке Clear у HTML?
Атрибут clear повідомляє браузеру, як обробляти наступний рядок, якщо текст обтікає елемент. Обтічним називається елемент, у якого встановлений атрибут align або елемент, до якого застосовується стильова властивість float.