Padding – Отделните Страни

В CSS, можем да определим различен padding за всяка една страна на HTML елемента:

Съкратени свойства на Padding (shorthand properties)

За да е кратък и лесно четим кода, можем в една декларация да зададем padding-ите и на четирите страни. Съкратеното пропърти е padding:

Padding: може да има от една до четири стойности.

• padding: 25px 50px 75px 100px;
  • top padding е 25px
  • right padding е 50px
  • bottom padding е 75px
  • left padding е 100px
• padding: 25px 50px 75px;
  • top padding е 25px
  • left и right padding са 50px
  • bottom padding е 75px
• padding: 25px 50px;
  • top и bottom padding са 25px
  • left и right padding са 50px
• padding: 25px;
  • всички четири padding-и са 25px

Всички padding пропъртита в един декларация Този пример показва, съкратеното пропърти за по-кратко деклариране на всички padding свойства.
Определяне на левия padding Този пример показва как да определим левия padding на елемент.
Задайте десен padding Този пример показва как да се определи десния padding.
Задаване на горен padding Този пример показва как да определим горния padding.
Задайте долен padding Този пример показва как да определим долния padding.

Всички CSS Padding свойства