CSS Abréviation de contour
CSS Contour - Propriété abrégée
La propriété contour est une abréviation pour définir les propriétés de contour individuelles suivantes :
-
largeur du contour -
style du contour(obligatoire) -
couleur du contour
Vous pouvez spécifier une, deux ou trois valeurs parmi celles de la liste ci-dessus. L'ordre des valeurs n'a pas d'importance.
Exemples d'abréviation de contour CSS
Voici quelques contours différents spécifiés avec la propriété abrégée contour :
Un contour en pointillés.
Un contour rouge en pointillés.
Un contour jaune solide de 7px.
Un contour rose épais en crête.
Exemple
Démonstration de la propriété abrégée de contour :
p.ex1 {outline: dashed;}
p.ex2 {outline: dotted red;}
p.ex3 {outline: 7px solid yellow;}
p.ex4 {outline: thick ridge pink;} CSS Contour avec coins arrondis
Les contours peuvent également avoir des coins arrondis.
La propriété border-radius est utilisée pour ajouter des bordures arrondies à un élément.
Voici quelques contours différents avec des coins arrondis :
Un contour en pointillés.
Un contour rouge en pointillés.
Un contour jaune solide de 7px.
Un contour rose épais en crête.
Exemple
p.ex1 {
outline: dashed;
border-radius: 8px;
}
p.ex2 {
outline: dotted red;
border-radius: 5px;
}
p.ex3 {
outline: 7px solid yellow;
border-radius: 5px;
}
p.ex4 {
outline: thick ridge pink;
border-radius: 8px;
}
p.ex5 {
outline: thick solid green;
border-radius: 10px;
}