mozilla

Compare Revisions

Shorthand properties

Change Revisions

Revision 395057:

Revision 395057 by Sheppy on

Revision 441221:

Revision 441221 by basdirks on

Title:
Shorthand properties
Shorthand properties
Slug:
Web/CSS/Shorthand_properties
Web/CSS/Shorthand_properties
Tags:
"css"
"css"
Content:

Revision 395057
Revision 441221
n31      <li>Shorthand properties try not to force a specific order n31      <li>Shorthand properties try not to force a specific order 
>for the values of the properties they replace. If this work well >for the values of the properties they replace. This works well wh
>when these properties uses values of different types, as the orde>en these properties use values of different types, as the order h
>r has no importance, this do not work as easily when several prop>as no importance, but this does not work as easily when several p
>erties can have identical values. Handling of these cases are gro>roperties can have identical values. Handling of these cases are 
>uped in several categories:>grouped in several categories:
n66                      <em>The 4-value syntax</em>: <code>border-wn66                      <em>The 4-value syntax</em>: <code>border-w
>idth: 1em 2em 3em 4em</code> — The four values represents the top>idth: 1em 2em 3em 4em</code> — The four values represent the top,
>, right, bottom and left edges respectively, always in that order> right, bottom and left edges respectively, always in that order,
>, that is clock-wise starting at the top (The initial letter of T> that is clock-wise starting at the top (The initial letter of To
>op-Right-Bottom-Left matches the order of the consonant of the wo>p-Right-Bottom-Left matches the order of the consonant of the wor
>rd <em>trouble</em>: TRBL)>d <em>trouble</em>: TRBL)
t106                      <em>The 4-value syntax</em>: <code>border-rt106                      <em>The 4-value syntax</em>: <code>border-r
>adius: 1em 2em 3em 4em</code> — The four values represents the to>adius: 1em 2em 3em 4em</code> — The four values represent the top
>p left, top right, bottom right and bottom left corners respectiv> left, top right, bottom right and bottom left corners respective
>ely, always in that order, that is clock-wise starting at the top>ly, always in that order, that is clock-wise starting at the top 
> left.>left.

Back to History