List - style - image :URL – позволяет назначить в качестве метки маркированного списка произвольное изображение из существующего графического файла.
Li {list-style-image: image/marker.gif;}
отображает содержимое графического файла вместо маркера списка.
Значения отступов вокруг содержащего их элемента устанавливают следующие свойства стилей: margin-left – отступ слева, margin-right – отступ справа, margin-top – отступ сверху, margin-bottom – отступ снизу. Значение этих свойств определяется в пикселах, сантиметрах и миллиметрах.
Данные свойства могут применяться совместно с элементами изображений, абзацев, таблиц, любых других компонентов, для которых хотите указать описанные здесь значения.
P {margin-left: 20 px;}
IMG {margin: 10mm 15mm 10mm 15mm;}
В данном примере задан отступ для абзаца слева – 20 пикселов, а отступы от графического изображения сверху, справа, снизу и справа заданы значениями в одном свойстве margin в той же последовательности, то есть сверху и снизу по 10 мм, а справа и слева – по 15 мм.
Свойства padding-left, padding-right, padding-top, padding-bottom описывают значение отступов от видимых рамок объектов HTML, например таблиц. Величина отступов также определяется в пикселах, сантиметрах и миллиметрах.
TABLE {
padding-left: 10px;
padding-right: 10px;
padding-top: 15px;
padding-bottom: 15px;}
Эти же отступы можно задать другим способом:
TABLE {padding: 15px 10px 15px 10px;}
B order - width – свойство, которое определяют ширину видимого обрамления объектов, например таблиц и их ячеек, по правилам, аналогичным записи свойств, указанных выше.
TD {Border-width: 2px;}
Width и height – свойства, которые определяют соответственно ширину и высоту объекта в пикселах, сантиметрах, миллиметрах или процентах от значения, принятого по умолчанию. Применяются они в основном для задания геометрических размеров изображений. Данные свойства можно использовать как вместе, так и по отдельности.
IMG {height: 80%;
Width: 120 px;}
Float – указывает на расположение какого-либо объекта в окне браузера относительно других объектов, размещенных рядом. Принимаемые значения: left – расположение объекта слева, right – расположение объекта справа, none – расположение объектов по умолчанию.
TD {float: left;}
Clear – описывает расположение других объектов вокруг данного элемента web-страницы. Принимаемые значение: left – расположение слева, right – справа, both – расположение с двух сторон.
IMG {clear: both;}