float | Свойство CSS - Справочник CSS3 | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Воскресенье, 04.12.2016
Главная » Справочник CSS3 » Позиционирование


2D & 3D ТрансформацияСвойства контента
Свойства импортаСвойства углов
Свойства границСвойства анимации
ПсевдоклассыПсевдоэлементы
Свойства размераСвойства контура
Свойства переходаСвойства печати
Свойства тениСвойства отступов
Свойства текстаСвойства колонок
Свойства полейПозиционирование
Свойства интерфейсаТипы значений
Полезные статьиСвойства списка
Свойства шрифтаСвойства таблицы
Свойства фонаВендорные префиксы



Адаптивный сайт - aTmpl


float | Свойство CSS

Свойство float направляет плавающий элемент.




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




Дополнительные значения float


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


Свойство работает в браузерах




Пример применения свойства float



<!DOCTYPE html>
<html lang="ru">
<head>
<title>Свойство float</title>
<meta charset="utf-8">
<style type="text/css">
<!--
img {
float:right;
}
p {
color:blue;
text-decoration:blink;
}
-->
</style>
</head>
<body>
<p><img src="http://delaisait.ucoz.ru/css/demo/img/float.gif">Вот пожалуйста пример плавающих элементов.И текст и картинка плавающие элементы,за исключением того что изображению указано направление,в котором он должен находится,в этом случае,изображение придерживается к правой стороне,а текст огибает его с лева.</p>
</body>
</html>

Пример в действии




Поэкспериментируйте сами





Русские шрифты






Источник: http://www.w3.org/TR/CSS21/visuren.html#propdef-float
Категория: Позиционирование | Добавил: IZOTOP (23.04.2012) | Автор: Меренков Михаил E W
Просмотров: 464 | Теги: css, свойство, style, для чего, что означает, float, что это | Рейтинг: 0.0/0

Вопросов / Советов / Предложений - относящихся к материалу: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]