Atrybuty obramowania w jednej deklaracji

<style type="text/css">
<!--
p.top    {border-top:2px dashed #ff0000}     /* składnia z podaniem     */
p.right  {border-right:2px dashed #008000}   /* wartości atrybuty class */
p.bottom {border-bottom:2px dashed #0000ff}
p.left   {border-left:2px dashed #A52A2A}
p.ramka  {border:medium double rgb(255,0,0)}
p
{                     /* składnia podstawowa */
  padding:12pt;
  margin-top:18pt;
  border-width:2px;
  border-color:gray;
  border-style:solid
}
-->
</style>

Ten akapit należy do klasy top. {border-top:2px dashed #ff0000}

Ten akapit należy do klasy right. {border-right:2px dashed #008000}

Ten akapit należy do klasy bottom. {border-bottom:2px dashed #0000ff}

Ten akapit należy do klasy left. {border-left:2px dashed #A52A2A}

Ten akapit należy do klasy ramka. {border:medium double rgb(255,0,0)}

Opis cechy border-top:

5.5.18 'border-top'

Value: <border-top-width> || <border-style> || <color>
Initial: not defined for shorthand properties
Applies to: all elements
Inherited: no
Percentage values: N/A

Opis cechy border-right:

5.5.19 'border-right'

Value: <border-right-width> || <border-style> || <color>
Initial: not defined for shorthand properties
Applies to: all elements
Inherited: no
Percentage values: N/A

Opis cechy border-bottom:

5.5.20 'border-bottom'

Value: <border-bottom-width> || <border-style> || <color>
Initial: not defined for shorthand properties
Applies to: all elements
Inherited: no
Percentage values: N/A

Opis cechy border-left:

5.5.21 'border-left'

Value: <border-left-width> || <border-style> || <color>
Initial: not defined for shorthand properties
Applies to: all elements
Inherited: no
Percentage values: N/A

Opis cechy border:

5.5.22 'border'

Value: <border-width> || <border-style> || <color>
Initial: not defined for shorthand properties
Applies to: all elements
Inherited: no
Percentage values: N/A

Zobacz też:

5.1 Notation for property values