2-qism css asoslari. Web-sahifani stillar yordamida formatash

2.6.2. Внутренние отступы
С помощью атрибутов padding-left, padding-right, padding-top и padding-bottom можно задать отступы от элемента Web-страницы до его рамки (если она есть). Например, ими задается расстояние между текстом и рамкой ячейки таблицы. Может быть задано абсолютное или относительное значение:
□ padding-left — отступ слева:
td { padding-left: 0 }
□ padding-right — отступ справа:
td { padding-right: 50px }
□ padding-top — отступ сверху:
td { padding-top: 15mm }
□ padding-bottom — отступ снизу:
td { padding-bottom: 20px }
С помощью атрибута padding можно задать все внутренние отступы за один раз:
padding:
Например:
td { padding: 15mm 50px 20px 0 }
Совпадающие отступы можно задать и короче:
td { padding: 5px }
2.7. Рамки

Как вы уже знаете, любой элемент Web-страницы занимает в окне Web-браузера некоторую прямоугольную область. Содержимое этой области мо­жет быть окружено рамками. Иными словами, рамки могут иметь не только таблицы, но и любые элементы Web-страницы, например, абзацы.

2.7.1. Стиль линии рамки
С помощью атрибутов border-left-style (левая линия), border-right-style (правая линия), border-top-style (верхняя линия) и border-bottom-style (нижняя линия) можно задать тип линии рамки. Могут принимать сле­дующие значения:

• 
  none — линия не отображается;
  
• 
  solid — линия отображается сплошной линией;
  
• 
  dotted — пунктирная линия;
  
• 
  dashed — штриховая линия;
  
• 
  double — линия отображается в виде двойной линии;
  
• 
  groove — вдавленная рельефная линия;
  
• 
  ridge — выпуклая рельефная линия;
  

• 
  inset — весь блок элемента отображается, как будто он вдавлен в лист;
  
• 
  outset — весь блок элемента отображается, как будто он выдавлен из
  

листа.
В качестве примера укажем стиль линии рамки для разных элементов Web-страницы (листинг 2.6).






http://www.w3.org/TR/html4/strict.dtd">

Зaголовок тaблицы

1	2
3	4

^УГекст в пунктирной рамке<^>

Этот пример показывает, что указать тип рамки можно не только для границ таблицы, но и для заголовков таблицы, и даже для абзацев.

Эти атрибуты могут быть объединены в одном атрибуте border-style: border-style:
Если все значения совпадают, можно указать это значение один раз.