Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30


Чувашия-это моя Россия

Ссылки на каскадные стили CSS - width.

Поддержка Браузеров

Internet Explorer Интернет эксплорер Google Chrome Google Chrome Opera Опера Firefox Firefox Safari Сафари, то есть поддерживается во всех основных браузерах.

Определение и использование. Свойство ширина width задает ширину элемента. Внимание!!! Свойство ширина width не включает отступы paddings, рамки borders или поля margins; Свойство ширина width задает ширину области внутри отступа padding, границы border и поля margins элемента!

Внимание!!! Свойства мин-ширина min-width и максимальная-ширина max-width переопределяет ширину.

Особенно интересное и полезное в данном случае не в том, что совершается какое-то изменение какого-то участка( элемента) страницы сайта. Вся удивительная и необходимая информация содержится в том, что свойство width, которое действует через стили CSS3 самостоятельно и независимо работает и при отключения JavaScripta в браузере Вашего компьютера. Вам не надо гадать: будет работать - не будет работать, потому как работает постоянно и стабильно.


Синтаксис:

                   width: auto|length|initial|inherit;

Определение и Использование

Значение по умолчанию: auto
наследует: no
Версия: CSS1
JavaScript синтаксис: object.style.width="500px"


Свойства Значения

Значение Описание
auto Браузер вычисляет ширину. Это значение установлено по умолчанию
length Определяет ширину в пикселах, см и др. 
% Определяет ширину в процентах содержащего их блока
initial Это свойство задает значение по умолчанию.
inherit Наследует это свойство от своего родительского элемента.


Пишем программу - Установить высоту и ширину абзаца:

< !DOCTYPE html>
< html>
< head>
< style>
img.normal
{
width:auto;
}
img.big
{
width:120px;
}
p.ex
{
height:100px;
width:100px;
}
< /style>
< /head>

< body>
< img class="normal" src="logocss.gif" width="95" height="84" />
< img class="big" src="logocss.gif" width="95" height="84" /> < p class="ex">Высота и ширина этого параграфа 100px.< /p> < p>Эта часть текста в абзаце. Эта часть текста в абзаце. Эта часть текста в абзаце. Эта часть текста в абзаце. Эта часть текста в абзаце. Это некоторый текст абзаца.< /p> < /body> < /html>

Результат программы:





Высота и ширина этого параграфа 100px.

Эта часть текста в абзаце. Эта часть текста в абзаце. Эта часть текста в абзаце. Эта часть текста в абзаце. Эта часть текста в абзаце. Это некоторый текст абзаца.




seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...
ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: