|
|
Новые сайты
|
|
|
|
|
Изготовление сайта жилого комплекса "Кореневский хуторок 2" подробнее
Все работы на одной странице подробнее
Создание сайта для логистической компании Way Logistic. подробнее
Сайт ЦСВМ "Штурман" подробнее
|
|
|
|
|
Справочник css.
CSS |
CSS1 |
Значение по умолчанию |
none |
Наследуется |
Нет |
Применяется |
Ко всем элементам (за исключением позиционированных) |
Аналог HTML |
<applet | iframe | img | object | spacer | table align="right | left"> |
Ссылка на спецификацию |
http://www.w3.org/TR/CSS21/visuren.php#propdef-float |
Описание
Определяет, по какой стороне будет выравниваться элемент, при этом остальные
элементы будут обтекать его с других сторон. Когда значение параметра float
равно none, элемент выводится на странице как обычно,
самое большое — одна строка обтекающего текста может быть на той
же линии, что и сам элемент.
Синтаксис
float: left | right | none
Аргументы
- left
- Выравнивает элемент по левому краю, а все остальные элементы, вроде текста,
огибают его по правой стороне.
- right
- Выравнивает элемент по правому краю, а все остальные элементы огибают его
по левой стороне.
- none
- Обтекание элемента не задается.
Пример
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>float</title>
<style type="text/css">
.layer1 {
float: left;
background: #fd0;
border: 1px solid black;
padding: 10px;
margin-right: 20px;
width: 40%;
}
</style>
</head>
<body>
<div class="layer1">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh
euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
</div>
<div>
Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel
illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio
dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te
feugat nulla facilisi.
</div>
</body>
</html>
Объектная модель
[window.]document.getElementById("elementID").style.styleFloat
Форматирование
clear устанавливает, с какой стороны элемента запрещено его обтекание другими элементами. Если установлено обтекание элемента с помощью параметра float, свойство clear отменяет его действие для указанных сторон.
clip определяет область позиционированного элемента, в которой будет показано его содержимое. Все, что не помещается в эту область, будет обрезано и становится невидимым. На данный момент единственно доступная форма области — прямоугольник.
display многоцелевой атрибут, который определяет, как элемент должен быть показан в документе.
float определяет, по какой стороне будет выравниваться элемент, при этом остальные элементы будут обтекать его с других сторон.
height устанавливает высоту блочных или заменяемых элементов (к ним, например, относится тег IMG. Высота не включает толщину границ вокруг элемента, значение отступов и полей.
overflow управляет отображением содержания блочного элемента, если оно целиком не помещается и выходит за область заданных размеров.
visibility предназначен для отображения или скрытия элемента, включая рамку вокруг него и фон. При скрытии элемента, хотя он и становится не виден, место, которое элемент занимает, остается за ним.
width устанавливает ширину блочных или заменяемых элементов. Ширина не включает толщину границ вокруг элемента, значение отступов и полей.
|
|
|
|