Кордону в 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`rightbottomleft<]/TD>	Поле, відступ верхній правий, нижній лівий	`0`
`border`[`-top`rightbottomleft]`-width`	Товщина верхній правій, нижній, лівої кордону	`medium`
`border`[`-top`bottomleft]`-color`	Колір верхній правій, нижній, лівої кордону	Значення властивості `color`
`border`[`-top`rightbottomleft]`-style`	Тип верхній правій, нижній, лівої кордону

Поле

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

- тонка,


 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}

Кордону в CSS | Відступ тексту css | CSS поля

Поле

Відступ

Товщина кордону

Тип кордону