Лінійні розміри блоку

Лінійні розміри блоку задаються двома параметрами: шириною (width) та висотою (height) блоку. У браузерах ширина і висота блоку інтерпретується по-різному.

У Netscape Navigator ширина і висота блоку - рекомендовані параметри. Якщо текст виходить за ці обмеження, то блок збільшується до необхідних розмірів, а якщо тексту немає взагалі, то блок стискається до маленького квадрата:

<P STYLE = "width: 200px; height: 100px;

background-color: black; color: white; ">

...

</ P>

Наведеного в прикладі опису достатньо для отримання результату, але в Netscape Navigator для такого блоку потрібно застосувати деякі додаткові атрибути:

<P STYLE =" width: 200px; height: 100px;

background-color: black; color: white;

border-width: 1px; border-color: white; ">

<SPAN STYLE="color:white;">

...

</ SPAN>

</ P>

Рис. 12.11. Лінійні розміри блоку

Без межі блок не буде залитий чорним кольором, а без span текст буде відображатися кольором даної сторінки за замовчуванням. Ніякому розумному поясненню така поведінка браузера не піддається, тому будувати дизайн сторінок на цих атрибутах не варто.