Свойства: размер
Как известно:
ширина блочного тега равна ширине окна браузера;
ширина строчного тега равна содержимому этого тега;
высота тегов обоих типов определяется их содержимым.
Но это только по умолчанию. С помощью CSS можно указать любую нужную ширину и высоту тега.
width
Для указания ширины тега служит свойство width. В качестве его значения чаще всего выступает число в пикселах (px). Ширина также может задаваться в процентах (%) относительно родительского тега, дюймах (in) и пунктах (pt).
Если необходимо отменить ширину, которая была задана ранее в одном из селекторов, то в качестве значения данного свойства следует использовать ключевое слово auto. В этом случае в качестве ширины будет применяться ширина по умолчанию.
Это может понадобиться если в первом селекторе вы указывали ширину для всех страниц сайта, а во втором селекторе - ширину того же тега, но для конкретной страницы сайта:
#myblock{ width: 968px;}
body.contacts #myblock {width:auto;}
Данное свойство можно применять только к блочным тегам. Если нужно задать ширину строчного тега, следует, как мы говорили ранее, изменить тип строчного тега в свойстве display на тип inline-block. После этого можно задавать ему ширину.
height
В качестве его значения чаще всего выступает число в пикселах (px). Высота также может задаваться в процентах (%) относительно родительского тега, дюймах (in) и пунктах (pt). Можно также использовать ключевое слово auto, чтобы отменить высоту, заданную тегу ранее.
Данное свойство можно применять только к блочным тегам, а также к тегам, у которых для свойства display задано значение inline-block.
overflow
Достаточно тексту превысить размеры тега, и текст выйдет за его пределы. А все потому, что свойству overflow по умолчанию присвоено значение visible. Ведь именно свойство overflow определяет, что будет происходить, если текст или другое содержимое тега выйдут за его пределы.
Свойство overflow может принимать следующие значения:
visible – содержимое тега выходит за его пределы и отображается в браузере;
hidden – все содержимое, которое выходит за пределы тега, скрывается;
scroll – независимо от того, выходит ли содержимое за пределы тега или нет, тегу добавляются полосы прокрутки;
auto – если содержимое выходит за пределы тега, тегу добавляется соответствующая полоса прокрутки.
Свойство overflow применяется только совместно со свойствами width и height: если тегу задано свойство width, то overflow будет действовать только в горизонатльном направлении, а если задано только height – то только в вертикальном. Если заданы и width и height, то overflow будет действовать во всех направлениях.
