Width css что это
width
| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS | |
| 6.0+ | 8.0+ | 1.0+ | 3.5+ | 3.1+ | 1.0+ | 1.0+ | 1.0+ |
Краткая информация
| Значение по умолчанию | auto |
|---|---|
| Наследуется | Нет |
| Применяется | К блочным элементам |
| Ссылка на спецификацию | http://www.w3.org/TR/CSS21/visudet.html#propdef-width |
Версии CSS
Описание
Устанавливает ширину блочных или заменяемых элементов (к ним, например, относится тег ). Ширина не включает толщину границ вокруг элемента, значение отступов и полей.
Содержимое блока, если не помещается в заданные размеры, отображается поверх.
Синтаксис
width: значение | проценты | auto | inherit
Значения
В качестве значений принимаются любые единицы длины, принятые в CSS — например, пикселы (px), дюймы (in), пункты (pt) и др. При использовании процентной записи ширина элемента вычисляется в зависимости от ширины родительского элемента. Если родитель явно не указан, то в его качестве выступает окно браузера.
auto Устанавливает ширину исходя из типа и содержимого элемента. inherit Наследует значение родителя.
HTML5 CSS2.1 IE Cr Op Sa Fx
Результат данного примера, как он отображается в браузере Safari показан на рис. 1.
Рис. 1. Ширина блока
Объектная модель
[window.]document.getElementById(» elementID «).style.width
Браузеры
width
| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS | |
| 6.0+ | 8.0+ | 1.0+ | 3.5+ | 3.1+ | 1.0+ | 1.0+ | 1.0+ |
Краткая информация
| Значение по умолчанию | auto |
|---|---|
| Наследуется | Нет |
| Применяется | К блочным элементам |
| Ссылка на спецификацию | http://www.w3.org/TR/CSS21/visudet.html#propdef-width |
Версии CSS
Описание
Устанавливает ширину блочных или заменяемых элементов (к ним, например, относится тег ). Ширина не включает толщину границ вокруг элемента, значение отступов и полей.
Содержимое блока, если не помещается в заданные размеры, отображается поверх.
Синтаксис
width: значение | проценты | auto | inherit
Значения
В качестве значений принимаются любые единицы длины, принятые в CSS — например, пикселы (px), дюймы (in), пункты (pt) и др. При использовании процентной записи ширина элемента вычисляется в зависимости от ширины родительского элемента. Если родитель явно не указан, то в его качестве выступает окно браузера.
auto Устанавливает ширину исходя из типа и содержимого элемента. inherit Наследует значение родителя.
HTML5 CSS2.1 IE Cr Op Sa Fx
Результат данного примера, как он отображается в браузере Safari показан на рис. 1.
Рис. 1. Ширина блока
Объектная модель
[window.]document.getElementById(» elementID «).style.width
Браузеры
Подробно о «width css«
Что такое «width css«?
Синтаксис «width«.
width: значение | проценты | auto | inherit
Значения «width«.
width можно использовать тремя способами :
width в атрибуте attribute style
width в теге style
width и файле file css
width в атрибуте attribute style
width в теге style
width и файле file css
Пример использования «width» внутри атрибута style
Возьмем блочный элемент div.
Во внутрь тега добавляем атрибут attribute style.
И чтобы мы могли увидеть края блока добавим свойство border
В качестве примера возьмем четыре значение width : 100px, 200px, 300px, 400px.
Соберем весь код вместе, в качестве примера кода используем первую строку с width = 100px:
Примеры использовании width
Пример использования «width» внутри тега style
Используем тег абзаца «p».
Внутрь абзаца поместим class.
Этот класс будет прописан в теге