Stroke-align - Propriété CSS

stroke-align

Résumé des caractéristiques de la propriété stroke-align

Description rapide
Définit comment se positionne le trait de bordure par rapport aux limites de la forme, en SVG.
Statut
Standard
S'applique à
Formes SVG.
Utilisable sur
SVG
Valeurs prédéfinies
center | inset | outset
Pourcentages
Ne s'appliquent pas.
Valeur initiale
center
Héritée par défaut
Oui.
Type d'animation
Not animable : la propriété stroke-align ne peut pas être animée.
Module W3C
Module CSS - Traits et remplissages
Références (W3C)
Statut du document: WD (document de travail)

Schéma de la syntaxe de stroke-align.

stroke-align - Syntax DiagramSyntax diagram of the stroke-align CSS property. center center inset inset outset outsetstroke-align:;stroke-align:;
Schéma syntaxique de la propriété stroke-align.
Cliquez sur les liens du schéma pour plus de précisons sur les valeurs.

Description de la propriété stroke-align.

⚠
La propriété stroke-align n'est pour le moment traitée par aucun navigateur.

stroke-align définit comment se positionner le trait de bordure par rapport aux limites de l'élément, en SVG.

Valeurs pour stroke-align.

  • stroke-align: center;
    SVG
    Texte
  • stroke-align: inset;
    SVG
    Texte
  • stroke-align: outset;
    SVG
    Texte
  • stroke-align: initial; (center) stroke-align: inherit; stroke-align: revert; stroke-align: revertLayer; stroke-align: unset;

    Les valeurs communes sont présentées sur ces pages : initial, inherit, revert, revert-layer, unset.

Exemple d'animation de stroke-align.

L'animation de stroke-align n'a pas été prévue.

Exemple interactif avec la propriété stroke-align.

stroke-align :
SVG

Compatibilité des navigateurs avec stroke-align.

La propriété stroke-align n'est prise en charge par aucun navigateur. Il n'est pas prévu qu'elle soit prise en charge un jour.

Colonne 1
Support par les navigateurs de la propriété stroke-align qui permet de positionner la bordure d'un élément par rapport aux limites de cet élément.
1
Propriété
stroke-align
Estimation de la prise en charge globale.
0%

Navigateurs sur ordinateurs :

Navigateurs sur mobiles :

Navigateurs obsolètes ou marginaux :

Internet Explorer

UC Browser pour Androïd

Opéra Mobile

QQ Browser

Baidu Browser

Opéra

Safari

Safari sur IOS

Chrome

Edge

Firefox

Chrome pour Androïd

Samsung Internet

Androïd Brower

Firefox pour Androïd

KaiOS Browser

Opéra mini

Voir le site Caniuse.com pour plus d'informations de compatibilité.
Caniuse

Histoire de la propriété stroke-align.

  • Module CSS - Traits et remplissages - Niveau 3

    Concernant stroke-align. Introduction de la propriété stroke-align pour la première fois. Cette propriété est dans l'attente du support des navigateurs.
    WD
    13 Avril 2017
    Document de travail.
    CR
    PR
    REC

Voir aussi, concernant SVG.

Tout ce qui concerne les remplissages et contours en SVG est maintenant décrit dans le module de spécification Module CSS - Traits et remplissages. Après avoir fait partie de la spécification SVG11 et SVG2, stroke-align est maintenant décrit dans ce module.

Propriétés :

⚠
fill
Définit l'ensemble des paramètres de remplissage d'une forme (couleur, etc) en SVG.
⚠
fill-color
Définit la couleur des remplissages en SVG.
fill-opacity
Définit l'opcaité (la transparence) du remplissage d'une forme en SVG.
fill-rule
Définit comment doit se faire le remplissage d'une forme comportant un trou, ou dont le contour se recoupe lui-même.
paint-order
Définit l'ordre de dessin des différentes parties d'une forme (contour, remplissage, marqueurs).
stroke
Définit les paramètres de la bordure d'une forme en SVG.
Stroke-align
Définit comment se positionne le trait de bordure par rapport aux limites de la forme, en SVG.
⚠
stroke-color
Définit la couleur des contours en SVG.
stroke-dasharray
Définit les caractéristiques d'un pointillé (en SVG).
stroke-dashoffset
Définit le point de départ des pointillés sur un contour SVG.
stroke-linecap
Définit la forme des embouts de lignes (en SVG).
stroke-linejoin
Définit la forme des raccordements de segments en SVG.
stroke-miterlimit
Limite le dépassement des raccordements de segments avec un angle aigu.
stroke-opacity
Définit l'opacité (la transparence) du contour en SVG.
stroke-width
Définit l'épaisseur des tracés en SVG.