русс | укр

Языки программирования

ПаскальСиАссемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог

Компьютерные сетиСистемное программное обеспечениеИнформационные технологииПрограммирование

Все о программировании


Linux Unix Алгоритмические языки Аналоговые и гибридные вычислительные устройства Архитектура микроконтроллеров Введение в разработку распределенных информационных систем Введение в численные методы Дискретная математика Информационное обслуживание пользователей Информация и моделирование в управлении производством Компьютерная графика Математическое и компьютерное моделирование Моделирование Нейрокомпьютеры Проектирование программ диагностики компьютерных систем и сетей Проектирование системных программ Системы счисления Теория статистики Теория оптимизации Уроки AutoCAD 3D Уроки базы данных Access Уроки Orcad Цифровые автоматы Шпаргалки по компьютеру Шпаргалки по программированию Экспертные системы Элементы теории информации

Границы в CSS | Отступ текста css | CSS поля

При оформлении документов для каждого из его элементов можно указать границы, отступы и поля. Соответствующие свойства применимы ко всем элементам.

top
left
margin-top
margin-left
border-top
border-left
padding-top
padding-left
content
padding-right
padding-bottom
border-right
border-bottom
margin-right
margin-bottom
right
bottom
Таблица 2.11. Свойства оформления документов
Свойство Описание Умолчание
margin/padding[-top/right/bottom/left] Поле, отступ верхний, правый, нижний, левый 0
border[-top/right/bottom/left]-width Толщина верхней, правой, нижней, левой границы medium
border[-top/right/bottom/left]-color Цвет верхней, правой, нижней, левой границы Значение свойства color
border[-top/right/bottom/left]-style Тип верхней, правой, нижней, левой границы none

Поле

margin:Sv|Pv|auto

Отступ

padding:Sv|Pv|auto

Значения полей, равно как и отступов, можно задать как персонально, например:
<ДЕСКРИПТОР style="margin-left:20px; padding-top:15px">
так и одной строкой
<ДЕСКРИПТОР style="margin:10mm 5mm 10mm 20mm">
в порядке следования: верх, право, низ и лево.

Толщина границы

border-width:Rv>0|thin|medium|thick

  • thin - тонкая,
  • medium - средняя,
  • thick - толстая.

Тип границы

border-style:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset

  • none - линия отсутствует,
  • hidden - скрытая линия,
  • dotted - пунктирная линия,
  • dashed - штриховая линия,
  • solid - обычная линия,
  • double - двойная обычная линия с интервалом между линиями,
  • groove - углубленная линия,
  • ridge - выпуклая линия,
  • inset - утопленная линия,
  • outset - выпуклая линия.

Свойства границ можно объединять, задавая сразу все нужные величины: толщину, тип и цвет. Например:
h1 {border-bottom: thick solid red}

Просмотров: 19459

Вернуться воглавление


Карта сайта Карта сайта укр


Уроки php mysql Программирование

Онлайн система счисления Калькулятор онлайн обычный Инженерный калькулятор онлайн Замена русских букв на английские для вебмастеров Замена русских букв на английские

Аппаратное и программное обеспечение Графика и компьютерная сфера Интегрированная геоинформационная система Интернет Компьютер Комплектующие компьютера Лекции Методы и средства измерений неэлектрических величин Обслуживание компьютерных и периферийных устройств Операционные системы Параллельное программирование Проектирование электронных средств Периферийные устройства Полезные ресурсы для программистов Программы для программистов Статьи для программистов Cтруктура и организация данных


 


Полезен материал? Поделись:

Не нашли то, что искали? Google вам в помощь!

 
 

© life-prog.ru При использовании материалов прямая ссылка на сайт обязательна.