Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30


Чувашия-это моя Россия

Ссылки на каскадные стили CSS - clear.

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

Internet Explorer Интернет эксплорер Google Chrome Google Chrome Opera Опера Firefox Firefox Safari Сафари, то есть поддерживается во всех основных браузерах.

Определение и использование. Свойство clear определяет,на какой стороне элемента другие float плавучие элементы не допускаются. Свойство clear задает с какой стороны выбранного элемента не допускаются плавающие элементы( плавающими являются элементы, у которых свойство float имеет значение right или left). Если для элемента установлено, что плавающие элементы не допускаются с любой из сторон, он будет смещён вниз - под плавающий элемент. Выбранный элемент будет смещён под плавающий элемент только в том случае, если плавающий элемент находится с той же стороны, с которой запрещён у выбранного элемента.

Самое мощное и интересное здесь не в том, что производится какое-то изменение какого-то участка( элемента) страницы сайта. Вся интересная и необходимая информация в том, что свойство clear, которое действует через стили CSS3 автономно работает даже при отключения JavaScripta в браузере Вашего компьютера. Всегда и при любых обстоятельствах.


Синтаксис:

          clear: none|left|right|both|initial|inherit;

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

Значение по умолчанию: none
наследует: нет
анимируемых: нет
Версия: CSS1
JavaScript синтаксис: object.style.clear="both"


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

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


Пишем программу:

< !DOCTYPE>
< html>
< head>
< style>
img
{
float:left;
}
p.rr
{
clear:both;
}
< /style>
< /head>
< body>
< img src="../oboi/2014d.gif" width="100" height="80" />
< p>Какой-то текст. Какой-то текст. Какой-то текст. Какой-то текст. 
Какой-то текст. Какой-то текст.< /p>
< p class="rr">Это также часть текста. Это также часть текста. 
Это также часть текста. Это также часть текста. Это также часть текста. 
Это также часть текста.< /p>
< /body>
< /html>                      

Результат программы:

Какой-то текст. Какой-то текст. Какой-то текст. Какой-то текст. Какой-то текст. Какой-то текст.

Это также часть текста. Это также часть текста. Это также часть текста. Это также часть текста. Это также часть текста. Это также часть текста.




seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: