Головна Реєстрація Вхід
Меню сайту


Підручники
Підручник HTML [17]
Підручник CSS [17]


Форма входу


Статистика
Онлайн всього: 1
Гостей: 1
Користувачів: 0


Пошук
Вітаю Вас, Гість · RSS 23.12.2024, 20:00
На головну » Підручники » Підручник CSS » Урок 12: Боксова модель - висота і ширина - Підручник CSS
Урок 12: Боксова модель - висота і ширина

До цих пір ми особливо не піклувалися про розміри елементів, з якими працювали. У цьому уроці ми подивимося, як легко можна визначати висоту і ширину елемента.

Установка ширини [width]

Властивістю width ви можете визначати ширину елемента.

У прикладі показаний бокс для введення тексту:

div.box {
width: 200px;
border: 1px solid black;
background: orange;
}

Показати приклад

Встановлення висоти [height]

Зверніть увагу, як, у попередньому прикладі, висота боксу встановлюється вмістом цього боксу. Висоту елемента можна визначити властивістю height. Як приклад спробуємо створити бокс висотою 500px:

div.box {
height: 500px;
width: 200px;
border: 1px solid black;
background: orange;
}

Показати приклад

Резюме

Уроки 9, 10, 11 і 12 дали введення в боксових модель CSS. Як ви, мабуть, помітили, боксова модель надає багато нових можливостей. Раніше ви вже могли використовувати таблиці в HTML для дизайну сторінок, але за допомогою CSS і боксової моделі ви зможете створювати елегантний дизайн більш точно та відповідно до рекомендацій W3C.
<< Урок 11: Боксова модель - рамки
Всього коментарів: 1
1 Марія  
1
Дуже гарні підручники, все дуже зрозуміло і дохідливо. Щиро дякую. Ще б такий хороший підручник по PHP. А то пишуть таке, що тяжко зрозуміти, хоча з програмуванням трохи знайома.

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]