الدرس الرابع -الحدود BORDER

الحدود Borders  :

الحواف التي تحد العنصر

مثال علي تنسيق فقرة .  <p>

p.dotted {border-style: dotted;}
p.dashed {border-style: dashed;}
p.solid {border-style: solid;}
p.double {border-style: double;}
p.groove {border-style: groove;}
p.ridge {border-style: ridge;}
p.inset {border-style: inset;}
p.outset {border-style: outset;}
p.none {border-style: none;}
p.hidden {border-style: hidden;}
p.mix {border-style: dotted dashed solid double;}

هكذا يكون شكل الحدود 

A dotted border.

A dashed border.

A solid border.

A double border.

A groove border. The effect depends on the border-color value.

A ridge border. The effect depends on the border-color value.

An inset border. The effect depends on the border-color value.

An outset border. The effect depends on the border-color value.

No border.

A hidden border.

A mixed borde

 

عرض والوان الحدود :

 

 border-width: thick;

  border-width: medium;

  border-width: 2px;

لون الـ Border

border-color: green;