Atrybuty otoczenia w jednej deklaracji

<style type="text/css">
<!--
p.one   {padding:1em}             /* składnia z podaniem */
p.two   {padding:1em 2em}         /* wartości atrybutu class */
p.three {padding:1em 2em 3em}
p.four  {padding:1em 2em 3em 4em}
p
{                                      /* składnia podstawowa */
  background-color:yellow;
  border-style:solid; border-width:1px
}
-->
</style>

Otoczenie z każdej strony 1em. {padding:1em}

Otoczenie z góry i z dołu 1em, z lewej i prawej 2em. {padding:1em 2em}

Otoczenie z góry 1em, z lewej i prawej 2em, z dołu 3em. {padding:1em 2em 3em}

Otoczenie z góry 1em, z prawej 2em, z dołu 3em, z lewej 4em. {padding:1em 2em 3em 4em}

Dopuszczalne jednostki

%   -  procent
in  -  cal
cm  -  centymetr
mm  -  milimetr
em  -  jedno em jest równe rozmiarowi bieżącej czcionki
ex  -  jedno ex jest równe szerokości bieżącej czcionki
pt  -  punkt drukarski, 1 punkt drukarski jest równy 1/72 cala
pc  -  pika, 1 pika jest równa 12 punktom drukarskim
px  -  piksel, najmniejsza kropka na ekranie monitora

Opis cechy padding:

5.5.10 'padding'

Value: [ <length> | <percentage> ]{1,4}
Initial: not defined for shorthand properties
Applies to: all elements
Inherited: no
Percentage values: refer to width of closest block-level ancestor

Zobacz też:

5.1 Notation for property values

Strona główna