ICI header("Location: http://www.mytesting.fr ");

LES DIFFERENTS STYLES D'ENCADREMENTS DITS "BORDURES".

par André Marini 7 Février 2015, 09:57 Images

LES DIFFERENTS STYLES D'ENCADREMENTS DITS "BORDURES".

Bien entendu, ce que je présente ici n'est que le cadre dans lequel on peut écrire ou placer des photos, sachant que le cadre suivra son remplissage avec "width" et "height".

 

Les exemples que je présente sont des bases dans lesquelles beaucoup d'éléments peuvent être modifiés afin de donner la présentation que l'on souhaite

LA BORDURE SIMPLE.

 

<div style="padding:5px; width:200px; height:30px; border:solid 1px black;">Bordure&nbsp;simple</div>

Bordure simple

LA BORDURE EN POINTILLE PAR DES TIRETS.

 

<div  style="padding:5px; width:200px; height:30px; border:dashed 1px black;">Bordure en pointill&eacute;</div>

Bordure en pointillé

LA BORDURE EN POINTILLES SERRES

 

<div  style="padding:5px; width:200px; height:30px; border:dotted 1px black;">Bordure en pointillés serr&eacute;s.</div>

Bordure en pointillés serrés.

LA BORDURE DOUBLE

 

<div  style="padding:5px; width:200px; height:30px; border:double 4px black;">Bordure&nbsp;double</div>

Bordure double

LA BORDURE DE SEPARATION

 

<div  style="padding:5px; width:200px; height:30px; border:ridge;">Bordure de s&eacute;paration</div>

Bordure de séparation

LES DIFFERENTES BORDURES

 

<div  style="padding:5px; width:200px; height:30px; border-top:ridge; 
   border-left:ridge 10px; border-bottom:solid 1px green; 
   border-right:ridge 10px green; ">Diff&eacute;rentes bordures</div>

 

ifférentes bordures

commentaires

Haut de page