border-block-start-style
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2021.
Expérimental: Cette fonction est expérimentale
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.
La propriété border-block-start-style
définit le style de la bordure utilisé pour le côté du début de l'élément dans l'axe orthogonal au sens de lecture. Cette propriété logique correspondra à une propriété physique selon le mode d'écriture, la directionnalité et l'orientation du texte. Autrement dit, elle correspond à border-top-style
, border-right-style
, border-bottom-style
ou à border-left-style
selon les valeurs de writing-mode
, direction
et text-orientation
.
Exemple interactif
Les autres propriétés logiques permettant de définir le style de la bordure sont les suivantes :
Syntaxe
/* border-block-start-style: style */
border-block-start-style: dashed;
border-block-start-style: dotted;
border-block-start-style: groove;
Valeurs
<'border-style'>
-
Le style utilisé pour la ligne de la bordure, voir
border-style
.
Définition formelle
Valeur initiale | none |
---|---|
Applicabilité | tous les éléments |
Héritée | non |
Valeur calculée | comme spécifié |
Type d'animation | discrète |
Syntaxe formelle
Exemples
CSS
div {
background-color: yellow;
width: 120px;
height: 120px;
}
.exemple {
writing-mode: vertical-lr;
border: 5px solid blue;
border-block-start-style: dashed;
}
HTML
<div>
<p class="exemple">Texte d'exemple</p>
</div>
Résultat
Spécifications
Specification |
---|
CSS Logical Properties and Values Level 1 # border-style |
Compatibilité des navigateurs
BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
Voir aussi
-
Les propriétés physiques correspondantes :
writing-mode
,direction
,text-orientation