Краткая информация
ОписаниеЗадает ширину блочных или заменяемых элементов (к ним, например, относится тег <IMG>). Ширина не включает толщину границ вокруг элемента, значение отступов и полей. Браузеры неодинаково работают с шириной, результат отображения зависит от используемого DOCTYPE. В табл. 1 приведены возможные варианты DOCTYPE и получаемая ширина.
Синтаксисwidth: значение | проценты | auto
АргументыВ качестве значений принимаются любые единицы длины, принятые в CSS - например, пикселы (px), дюймы (in), пункты (pt) и др. При использовании процентной записи ширина элемента вычисляется в зависимости от ширины родительского элемента. Если родитель явно не указан, то в его качестве выступает окно браузера. Аргумент auto задает ширину исходя из типа и содержимого элемента. Пример
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>width</title> <style type="text/css"> .layer1 { width: 350px; /* Ширина блока */ background: red; /* Цвет фона (красный) */ padding: 10px; /* Поля вокруг текста */ border: 1px dashed blue; /* Рамка (синяя пунктиром в 1 пиксель) */ } .layer2 { width: 400px; /* Ширина текстового блока */ } </style> </head> <body> <div class="layer1"> <p class="layer2">Для успешного ведения бизнеса каждой компании в какой-то момент становится необходимо использовать потенциал сети Интернет. Самый простой способ - это иметь свое представительство в сети (Web-сайт).</p> </div> </body> </html> | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Просмотров: 375 | Теги: | Рейтинг: 0.0/0 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Всего комментариев: 0 | |