Atrybuty marginesów w jednej deklaracji

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

Margines z każdej strony 1em. {margin:1em}

Margines górny i dolny 1em, lewy i prawy 2em. {margin:1em 2em}

Margines górny 1em, lewy i prawy 2em, dolny 3em. {margin:1em 2em 3em}

Margines górny 1em, prawy 2em, dolny 3em, lewy 4em. {margin:1em 2em 3em 4em}

Dopuszczalne jednostki

%   -  procent
in  -  cal
cm  -  centymetr
mm  -  milimetr
em  -  jedno em jest równe wysokości bieżącej czcionki
ex  -  jedno ex jest równe wysokości literki x
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 margin:

5.5.5 'margin'

Value: [ <length> | <percentage> | auto ]{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