Propriété: Bordures
Au lieu de configurer chaque côté de la bordures séparement, vous pouvez le faire en utilisant un seul marqueur.
Usage:
border: <border-width> || <border-style> || <border-color> ;
Définition:
Ceci configurera la bordure de n’importe quel objet.
a)border : 5px dotted green - La frontière est définie en utilisant la balise frontière
Les valeurs de l'ordre ou de la largeur, le style et la couleur de la frontière.
Cet ensemble de la frontière sur les quatre côtés.
Exemple 1:
<div style=" border : 2px dotted red ;">
vérification de la propriété des bordures </div>
Résultat:
vérification de la propriété des bordures
REMARQUE: Dans cet exemple, on a utilisé le marqueur div.
Mais vous pouvez utiliser n’importe quel marqueur html standard pour configurer le style.
Bordure habituelle sur trois côtés et différentes bordures sur l’autre:
Dans certains cas, nous avons une bordure commune sur les deux côtés et différentes bordures sur l’autre côté. On peut facilement le traité comme suit.
Exemple 2:
<div style="
border : 2px dotted red ;
border-top: 3px dashed green;
">
vérification de la propriété des bordures </div>
Résultat:
vérification de la propriété des bordures
Définition:
Initialement, on a configuré la bordure commune sur les quatre côtés avec l’attribution de bordure, puis on a configuré/changé la bordure supérieure avec « bordure-supérieure »
|