float

Internet Explorer

Google Chrome

Opera

Safari

Firefox

6.07.08.0 2.03.04.0 9.29.610 2.03.14.0 2.03.03.6
                   
CSS 1CSS 2CSS 2.1CSS 3
    

Описание CSS свойства:

Определяет, по какой стороне будет выравниваться элемент, при этом остальные элементы будут обтекать его с других сторон. Когда значение свойства float равно none, элемент выводится на странице как обычно, при этом допускается, что одна строка обтекающего текста может быть на той же линии, что и сам элемент.

Краткая информация:
Значение по умолчанию: none
Наследуется: Нет
Применяется: Ко всем элементам (за исключением позиционированных)
Ссылка на спецификацию: http://www.w3.org/TR/CSS21/visuren.html#propdef-float

Синтаксис CSS свойства:

float: left | right | none | inherit

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

left - Выравнивает элемент по левому краю, а все остальные элементы, вроде текста, обтекают его по правой стороне.

right - Выравнивает элемент по правому краю, а все остальные элементы обтекают его по левой стороне.

none - Обтекание элемента не задается.

inherit - Наследует значение родителя.

Объектная модель CSS свойства:

  1. [window.]document.getElementById("elementID").style.styleFloat
  2.  
  3. [window.]document.getElementById("elementID").style.cssFloat

Особенности отображения в браузерах:

В браузере Internet Explorer 6 наблюдается ошибка с удвоением значения левого или правого отступа для плавающих элементов, вложенных в родительские элементы. Удваивается тот отступ, который прилегает к стороне родителя. Проблема обычно решается добавлением display: inline для плавающего элемента. Также в этом браузере добавляется отступ 3px (так называемый «трехпиксельный баг») в направлении, заданном значением float.

Internet Explorer до версии 7.0 включительно не поддерживает значение inherit.


Баннер SGU.RU