Авторский знак. 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 31


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

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

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

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

Определение и использование. Свойство float определяет, будет ли окно( элемент) плавать, то есть смещаться. Внимание!!! Абсолютно расположенные элементы игнорирует свойство float.

Итак, свойство float делает выбранный элемент плавающим, смещая его к левому или правому краю родительского элемента на странице сайта. Когда для плавающего элемента явно не установлена ширина( width), тогда данный элемент сжимается по ширине до размеров содержимого. Браузер обрабатывает код HTML-документа двигаясь сверху вниз, когда обработка кода доходит до плавающего элемента, браузер размещает его сначала согласно потоку документа - под тем элементом где он расположен в коде документа, затем он удаляет плавающий элемент из потока документа и смещает его на максимально возможное расстояние к левому или правому краю родительского элемента.

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


Синтаксис:

             float: none|left|right|initial|inherit;

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

The float property specifies whether or not a box (an element) should float.

Note: Absolutely positioned elements ignores the float property!

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


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

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


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

< !DOCTYPE>
< html>
< head>
< style>
img 
{
float:right;
}
< /style>
< /head>

< body>
< p>В следующем абзаце стоит изображение со стилем < b>float:right< /b>. 
Результатом будет то, что изображение будет смещаться вправо от абзаца.< /p>
< p>
< img src="../fon/17879.jpg" width="170" height="170">
Какой-то текст. Какой-то текст. Какой-то текст.
Какой-то текст. Какой-то текст. Какой-то текст.
Какой-то текст. Какой-то текст. Какой-то текст.
Какой-то текст. Какой-то текст. Какой-то текст.
Какой-то текст. Какой-то текст. Какой-то текст.
Какой-то текст. Какой-то текст. Какой-то текст.
Какой-то текст. Какой-то текст. Какой-то текст.
Какой-то текст. Какой-то текст. Какой-то текст.
Какой-то текст. Какой-то текст. Какой-то текст.
Какой-то текст. Какой-то текст. Какой-то текст.
< /p>
< /body>
< /html>                      

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

В следующем абзаце стоит изображение со стилем float:right. Результатом будет то, что изображение будет смещаться вправо от абзаца.

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




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
... ... ...
ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: