Attribut border-block-end-width CSS

Page précédente border-block-end-style
Page suivante border-block-start

Recommandation de cours :

les propriétés CSS associées Définition et utilisation

Les attributs sont très similaires, maisl'attribut définisse l'épaisseur de la bordure à la fin de la direction en bloc. les propriétés CSS associées Pour que border-block-end-style L'attribut prend effet, il est nécessaire de définir

attributs. les propriétés CSS associées CSS les attributs avec,border-bottom-width,border-left-width , border-right-width et les propriétés CSS associées border-top-width

Les attributs sont très similaires, maisL'attribut dépend de la direction en bloc. Exemple 2 : combinaison de l'attribut writing-mode Attention : les propriétés CSS associées Définit la direction en bloc. Cela affecte le point de départ et de fin du bloc ainsi que

border-block-end-width

Résultat de l'attribut. Pour les pages en anglais, la direction en ligne va de gauche à droite, et la direction en bloc va vers le bas.

Exemple

writing-mode
  Impact de l'attribut :
  Exemple 1
writing-mode: vertical-rl;

border-block-end-width: 5px;

Définir l'épaisseur de la bordure à la fin de la direction en bloc :

border-block-end-width: 10px; Exemple 2 : combinaison de l'attribut writing-mode La position de la bordure à la fin de la direction en bloc est déterminée par

writing-mode
  Impact de l'attribut :
  div {
  border-block-end-style: solid;
writing-mode: vertical-rl;

border-block-end-width: 5px;

}

Essayez-le vous-mêmelengthSyntaxe CSS

border-block-end-width: medium|thin|thick|

\|initial\|inherit;	Valeur de l'attribut
medium	Valeur
Description	spécifie une bordure de largeur moyenne. Valeur par défaut.
spécifie une bordure fine.	Spécifie une bordure épaisse.
length	Vous permet de définir l'épaisseur de la bordure. Voir :Unités CSS.
initial	Règle cette propriété à sa valeur par défaut. Voir initial.
inherit	Inherits this property from its parent element. Voir inherit.

Détails techniques

Valeur par défaut :	medium
Héritabilité :	Non
Création d'animation :	Pris en charge. Voir :Propriétés liées aux animations.
Version :	CSS3
Syntaxe JavaScript :	object.style.borderBlockEndWidth="10px"