Row-rule-width - Propriété CSS

row-rule-width

Résumé des caractéristiques de la propriété row-rule-width

Description rapide
Définit l'épaisseur des traits de séparation de lignes dans un contexte de conteneur grille ou de conteneur flex-box.
Statut
Problèmes de compatibilité ⚠
Utilisable sur
HTML
Pourcentages
Ne s'appliquent pas.
Valeur initiale
medium
Héritée par défaut
Non.
Type d'animation
Computed value : lors d'une animation, la propriété row-rule-width passe progressivement d'une valeur à une autre.
Module W3C
Module CSS - Décorations des espaces.
Références (W3C)
Statut du document: WD (document de travail)

Schéma de la syntaxe de row-rule-width.

row-rule-width - Syntax DiagramSyntax diagram of the row-rule-width CSS property. width width thin thin medium medium thick thick repeat(integer, repeat(integer, width width ) )row-rule-width:;row-rule-width:;
Schéma syntaxique de la propriété row-rule-width.
Cliquez sur les liens du schéma pour plus de précisons sur les valeurs.

Description des termes utilisés sur le schéma :

  • integer est un nombre entier supérieur à 0.
  • width est une épaisseur de ligne : thin, medium, thick ou un nombre suivi d'une unités de dimension.

Description de la propriété row-rule-width.

⚠
Cette propriété est expérimentale. Pour l'instant aucun navigateur ne la reconnaît.
Cette page sera complétée par la suite.

Valeurs pour row-rule-width.

  • row-rule-width: 3px;

    Un nombre positif ou nulle, suivie d'une unité de dimension (voir les unités de dimension). Les valeurs prédéfinies suivantes peuvent également être utilisées (les valeurs peuvent différer légèrement d'un navigateur à l'autre) :

    • thin : environ 1 pixel.
    • medium : environ 4 pixels.
    • thick : environ 5 pixels.
  • row-rule-width: repeat(3, thin medium);

  • row-rule-width: repeat(auto, thin thick);

  • row-rule-width: initial; (medium) row-rule-width: inherit; row-rule-width: revert; row-rule-width: revertLayer; row-rule-width: unset;

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

Exemple d'animation de row-rule-width.

Exemple interactif avec la propriété row-rule-width.

A
B
C
D
E
F
G
H
I
J
K
L
M
N
O

Compatibilité des navigateurs avec row-rule-width.

Histoire de la propriété row-rule-width.

  • Module CSS - Décoration des espaces - Niveau 1.

    Extension de la propriété column-rule-width pour définir l'épaisseur des lignes de séparation, dans le contexte d'un conteneur grille ou d'un conteneur flex-box.
    WD
    17 Avril 2025
    Document de travail.
    CR
    PR
    REC

Voir aussi, à propos des décorations d'espaces.

Propriétés :

⚠
column-rule-break
Définit comment se comportent les traits de séparation des colonnes aux intersections avec les traits de séparation des lignes.
⚠
column-rule-outset
Détermine si les traits séparant les colonnes s'arrêtent aux intersections.
⚠
row-rule
Propriété résumée qui remplace les trois propriétés détaillées suivantes : row-rule-width, row-rule-style et row-rule-color.
⚠
row-rule-break
Définit comment les traits de séparation des lignes se comportent au niveau des intersection avec les traits de séparation des colonnes.
⚠
row-rule-color
Définit la couleur des traits de séparation des lignes dans le contexte d'un conteneur grille ou d'un flex-box.
⚠
row-rule-outset
Détermine si les traits séparant les lignes s'arrêtent aux intersections.
⚠
row-rule-style
Définit le style de trait à utiliser pour séparer les lignes, dans le contexte d'un conteneur grille ou d'un conteneur flex-box.
⚠
rule-break
Propriété résumée qui définit comment se comportent les traits de séparation des lignes et des colonnes à leur intersection.
⚠
rule-outset
Propriété résumée qui remplace les propriétés column-rule-outset et row-rule-outset.
⚠
rule-paint-order
Définit lesquels des traits séparant les lignes ou des traits séparant les colonnes passent au dessus des autres.