Otoczenia

<style type="text/css">
<!--
p.top    {padding-top:1em}                     /* składnia z podaniem     */
p.right  {padding-right:1cm; text-align:right} /* wartości atrybutu class */
p.bottom {padding-bottom:1em}
p.left   {padding-left:1cm}
p
{                                      /* składnia podstawowa */
  background-color:yellow;
  border-style:solid; border-width:1px
}
-->
</style>

Ten akapit należy do klasy top. {padding-top:1em}

Ten akapit należy do klasy right. {padding-right:1cm; text-align:right}

Ten akapit należy do klasy bottom. {padding-bottom:1em}

Ten akapit należy do klasy left. {padding-left:1cm}

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-top:

5.5.6 'padding-top'

Value: <length> | <percentage>
Initial: 0
Applies to: all elements
Inherited: no
Percentage values: refer to width of closest block-level ancestor

Opis cechy padding-right:

5.5.7 'padding-right'

Value: <length> | <percentage>
Initial: 0
Applies to: all elements
Inherited: no
Percentage values: refer to width of closest block-level ancestor

Opis cechy padding-bottom:

5.5.8 'padding-bottom'

Value: <length> | <percentage> | auto
Initial: 0
Applies to: all elements
Inherited: no
Percentage values: refer to width of the closest block-level ancestor

Opis cechy padding-left:

5.5.9 'padding-left'

Value: <length> | <percentage> | auto
Initial: 0
Applies to: all elements
Inherited: no
Percentage values: refer to width of the closest block-level ancestor

Zobacz też:

5.1 Notation for property values

Strona główna