|
Здравствуйте! Записался на ваш курс, но не понимаю как произвести оплату. Надо ли писать заявление и, если да, то куда отправлять? как я получу диплом о профессиональной переподготовке? |
Инспектор
Вы можете этот курс.
Опубликован: 31.10.2006 | Уровень: для всех | Доступ: платный
Лекция 8:
Поля в CSS
Аннотация: Приводятся способы определения пространства между границей элемента и его содержимым.
Данные параметры определяют пространство между границей элемента и содержимым элемента.
Примеры
- Этот пример показывает, как задать левое поле элементов списка.
<html> <head> <style type="text/css"> li {padding-left: 0.5cm} </style> </head> <body> <ol> <li>элемент списка</li> <li>элемент списка</li> <li>элемент списка</li> </ol> </body> </html> - Этот пример показывает, как задать правое поле элементов списка.
<html> <head> <style type="text/css"> li {padding-right: 3cm} </style> </head> <body> <ol> <li>элемент списка</li> <li>элемент списка</li> <li>элемент списка</li> </ol> </body> </html> - Этот пример показывает, как задать верхнее поле элементов списка.
<html> <head> <style type="text/css"> li {padding-top: 1cm} </style> </head> <body> <ol> <li>элемент списка</li> <li>элемент списка</li> <li>элемент списка</li> </ol> </body> </html> - Этот пример показывает, как задать нижнее поле элементов списка.
<html> <head> <style type="text/css"> li {padding-bottom: 2.5cm} </style> </head> <body> <ol> <li>элемент списка</li> <li>элемент списка</li> <li>элемент списка</li> </ol> </body> </html> - Пример показывает, как с помощью параметра padding задать все поля в одном объявлении. Допускается определение от одного до четырех значений.
<html> <head> <style type="text/css"> li.first {padding: 2.5cm} li.second {padding: 1cm 2cm} </style> </head> <body> <ol> <li class="first">элемент списка с одинаковыми полями со всех сторон</li> <li>элемент списка</li> <li class="second">элемент списка, который имеет верхнее и нижнее поле, равное 1 см, а левое и правое поля — равные 2 см</li> </ol> </body> </html>
Параметры полей в CSS
Определяют пространство между границей элемента и содержимым элемента, для которого не предусмотрены отрицательные значения. Все поля (верхнее, правое, нижнее и левое) можно изменять независимо друг от друга. Существует также параметр padding, который позволяет определять нескольких полей в одном объявлении.
Поддерживается следующими браузерами: Internet Explorer, Firefox, Netscape.
