русс | укр

Мови програмуванняВідео уроки php mysqlПаскальСіАсемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог

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


Linux Unix Алгоритмічні мови Архітектура мікроконтролерів Введення в розробку розподілених інформаційних систем Дискретна математика Інформаційне обслуговування користувачів Інформація та моделювання в управлінні виробництвом Комп'ютерна графіка Лекції


Шановні українці! Матеріал був перекладений з російської мови. Тому можуть бути незначні помикли...

Кордону в 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. Властивості оформлення документів
Властивості Опис Типове
marginpadding[-toprightbottomleft<]/TD> Поле, відступ верхній правий, нижній лівий 0
border[-toprightbottomleft]-width Товщина верхній правій, нижній, лівої кордону medium
border[-topbottomleft]-color Колір верхній правій, нижній, лівої кордону Значення властивості color
border[-toprightbottomleft]-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}

Переглядів: 1559

Повернутися взміст


Онлайн система числення Калькулятор онлайн звичайний Науковий калькулятор онлайн