|
 |
|
Новые сайты
|
|
|
|
 |
|
Изготовление сайта жилого комплекса "Кореневский хуторок 2"
подробнее
Все работы на одной странице
подробнее
Создание сайта для логистической компании Way Logistic.
подробнее
Сайт ЦСВМ "Штурман"
подробнее
|
|
|
|
|
Справочник css.
| CSS |
CSS1 |
| Значение по умолчанию |
auto |
| Наследуется |
Нет |
| Применяется |
Ко всем элементам, за исключением встроенных незаменяемых элементов, колонкам
и группам таблицы. |
| Аналог HTML |
<im width>, <table width> |
Описание
Устанавливает ширину блочных или заменяемых элементов (к ним, например, относится
тег <IMG>). Ширина не включает толщину границ вокруг
элемента, значение отступов и полей.
Браузеры неодинаково работают с шириной, результат отображения зависит от используемого DOCTYPE. В табл. 1 приведены возможные варианты DOCTYPE и получаемая ширина.
Табл. 1. Действие width в браузерах
| DOCTYPE |
Internet Explorer |
Firefox |
Opera |
| Не указан |
Если содержимое превышает заданную ширину, то блок изменяет свои размеры, подстраиваясь под содержимое. В противном случае ширина блока равна значению width. |
Во всех случаях Firefox действует по спецификации CSS. А именно, ширина блока получается сложением значений width, padding, margin и border.
Содержимое блока, если не помещается в заданные размеры, отображается поверх блока. |
Ширина равна значению width.
Содержимое блока, если не помещается в заданные размеры, отображается поверх. |
«Переходный»
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> |
«Строгий»
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> |
Ширина формируется путем сложения значений width, padding, margin и border.
Содержимое блока, если не помещается в заданные размеры, отображается поверх. |
Ширина равна значению width плюс padding, margin, и border.
Содержимое блока, если не помещается в заданные размеры, отображается поверх. |
XHTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"> |
Синтаксис
width: значение | проценты | auto
Аргументы
В качестве значений принимаются любые единицы длины, принятые в CSS —
например, пикселы (px), дюймы (in), пункты (pt) и др. При использовании процентной
записи ширина элемента вычисляется в зависимости от ширины родительского элемента.
Если родитель явно не указан, то в его качестве выступает окно браузера. Аргумент
auto устанавливает ширину исходя из типа и содержимого
элемента.
Пример
<!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>width</title>
<style type="text/css">
.layer1 {
width: 300px;
background: #fc0;
padding: 7px;
border: 1px solid #ccc;
}
.layer2 {
width: 400px;
}
</style>
</head>
<body>
<div class="layer1">
<p class="layer2">Lorem ipsum dolor sit amet,consectetuer adipiscing elit,seddiem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p>
</div>
</body>
</html>
Объектная модель
[window.]document.getElementById("elementID").style.width
Форматирование
clear устанавливает, с какой стороны элемента запрещено его обтекание другими элементами. Если установлено обтекание элемента с помощью параметра float, свойство clear отменяет его действие для указанных сторон.
clip определяет область позиционированного элемента, в которой будет показано его содержимое. Все, что не помещается в эту область, будет обрезано и становится невидимым. На данный момент единственно доступная форма области — прямоугольник.
display многоцелевой атрибут, который определяет, как элемент должен быть показан в документе.
float определяет, по какой стороне будет выравниваться элемент, при этом остальные элементы будут обтекать его с других сторон.
height устанавливает высоту блочных или заменяемых элементов (к ним, например, относится тег IMG. Высота не включает толщину границ вокруг элемента, значение отступов и полей.
overflow управляет отображением содержания блочного элемента, если оно целиком не помещается и выходит за область заданных размеров.
visibility предназначен для отображения или скрытия элемента, включая рамку вокруг него и фон. При скрытии элемента, хотя он и становится не виден, место, которое элемент занимает, остается за ним.
width устанавливает ширину блочных или заменяемых элементов. Ширина не включает толщину границ вокруг элемента, значение отступов и полей.
|
|
|
|
