67 of 313 menu

Propriété outline-style

La propriété outline-style définit le style du contour externe - une bordure qui ne prend pas d'espace.

Syntaxe

sélecteur { outline-style: valeur; }

Valeurs

Valeur Description
solid Ligne pleine.
dotted Bordure en pointillés.
dashed Bordure en tirets.
ridge Bordure en relief.
double Bordure double. Pour voir l'effet, l'épaisseur de la bordure doit être d'au moins 3px.
groove Bordure en creux.
inset Bordure enfoncée.
outset Bordure en saillie.
none Absence de bordure.

Valeur par défaut : none.

Exemple . Valeur solid

<div id="elem"></div> #elem { outline-width: 1px; outline-style: solid; outline-color: black; width: 300px; height: 100px; }

:

Exemple . Valeur dotted

<div id="elem"></div> #elem { outline-width: 1px; outline-style: dotted; outline-color: black; width: 300px; height: 100px; }

:

Exemple . Valeur dashed

<div id="elem"></div> #elem { outline-width: 1px; outline-style: dashed; outline-color: black; width: 300px; height: 100px; }

:

Exemple . Valeur ridge

<div id="elem"></div> #elem { outline-width: 3px; outline-style: ridge; outline-color: black; width: 300px; height: 100px; }

:

Exemple . Valeur double

<div id="elem"></div> #elem { outline-width: 3px; outline-style: double; outline-color: black; width: 300px; height: 100px; }

:

Exemple . Valeur groove

<div id="elem"></div> #elem { outline-width: 3px; outline-style: groove; outline-color: black; width: 300px; height: 100px; }

:

Exemple . Valeur inset

<div id="elem"></div> #elem { outline-width: 3px; outline-style: inset; outline-color: black; width: 300px; height: 100px; }

:

Exemple . Valeur outset

<div id="elem"></div> #elem { outline-width: 3px; outline-style: outset; outline-color: black; width: 300px; height: 100px; }

:

Voir aussi

  • la propriété outline-color,
    qui définit la couleur du contour
  • la propriété outline-width,
    qui définit l'épaisseur du contour
  • la propriété outline,
    qui est une propriété raccourcie pour les contours
  • la propriété outline-offset,
    qui définit le décalage du contour
Français
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Nous utilisons des cookies pour le fonctionnement du site, l'analyse et la personnalisation. Le traitement des données est effectué conformément à la Politique de confidentialité.
accepter tout personnaliser refuser