русский עברית

Инструменты

Пользовательское меню с линейными градиентами Лучший Хостинг

Свойства CSS

Свойства фона

background background-attachment background-color background-image background-position background-repeat

Свойства границы и контура

border border-bottom border-bottom-color border-bottom-style border-bottom-width border-color border-left border-left-color border-left-style border-left-width border-right border-right-color border-right-style border-right-width border-style border-top border-top-color border-top-style border-top-width border-width outline outline-color outline-style outline-width

Свойства размеров

height max-height max-width min-height min-width width

Свойства шрифта

font font-family font-size font-style font-variant font-weight

Генерированные свойства содержания

content counter-increment counter-reset quotes

Свойства списка

list-style list-style-image list-style-position list-style-type

Свойства поля

margin margin-bottom margin-left margin-right margin-top

Свойства заполнения

padding padding-bottom padding-left padding-right padding-top

Свойства позиционирования

bottom clear clip cursor display float left overflow position right top visibility z-index

Свойства печати

page-break-after page-break-before page-break-inside

Свойства таблицы

border-collapse border-spacing caption-side empty-cells table-layout

Свойства текста

color direction letter-spacing line-height text-align text-decoration text-indent text-transform vertical-align white-space word-spacing

Нашли ошибку в тексте?

Отметьте её курсором и нажмите

Ctrl + Enter

Проверка орфографии Xhtml.co.il

Рассылка

Присоединитесь к списку рассылки для получения последних новостей

Основы CSS

CSS CSS Введение Синтакс CSS CSS Id и Класс CSS Как сделать ...

Стили CSS

CSS Фон CSS Текст CSS Шрифт CSS Ссылки CSS Списки CSS Таблицы

Модель "коробки" CSS

CSS Модель "коробки"CSS Границы CSS Контуры CSS Поля CSS Заполнение

Продвинутый CSS

CSS Группировка и вложенные селекторы CSS Размеры CSS Отображение и Видимость CSS Позиционирование CSS Свободное перемещение CSS Горизонтальное выравнивание CSS Псевдо-классы CSS Псевдо-элементы CSS Панель навигации CSS Галерея изображений CSS Прозрачность изображения CSS Изображение спрайт CSS Типы медиа CSS Селекторы атрибутов CSS Не делай Вы выучили CSS, что теперь?

Примеры CSS

CSS Примеры

Ссылки CSS

CSS Справочник CSS Слуховые ссылки CSS Безопасные комбинации шрифтов CSS Единицы CSS Цвета CSS Значения цветов CSS Имена цветов

Браузеры

Главная страница браузеров.Статистика браузеров Статистика ОС Статистика изображения Браузер Explorer Браузер Netscape Проект Mozilla Браузер Firefox Браузер Opera Браузер Chrome Браузер Safari Мобильные браузеры

clear

Пример

Плавающие элементы не разрешены ни с левой ни с правой стороны изображения:

<html>
<head>
<meta charset="utf-8" />
<style>
     img { float:left; clear:both; }
</style>
</head>
<body>
<p>Это некоторый текст.
<img src="/images/xhtml-css.png" width="130" height="102" />
Это некоторый текст.</p>
</body>
</html>

Результат выполнения кода выше:

Попробуйте сами

Определение и использование

Свойство clear указывает сторону элемента, где другие плавающие элементы не допускается.

Значение по умолчанию:	none
Унаследованный:	нет
Версия:	CSS1
Синтакс JavaScript:	`object.style.clear="left"`

Поддержка браузеров

Свойство clear поддерживается во всех ведущих браузерах.

Примечание: Значение "inherit" не поддерживается в IE7 и более ранних версиях. IE8 требует !DOCTYPE. IE9 поддерживает "inherit".

Значения свойства

Значение	Описание
left	Плавающие элементы не допускаются по левой стороне
right	Плавающие элементы не допускаются по правой стороне
both	Плавающие элементы не допускаются ни по левой стороне ни по правой стороне
none	По умолчанию. Допускает плавающие элементы с обеих сторон
inherit	Указывает, что значение свойства clear должно быть унаследовано от родительского элемента

Связанные страницы

CSS пособие: CSS Отображение и Видимость

jQuery пособие: css()

Была ли эта информация полезной?

Да Нет

Комментарии