MDN wants to talk to developers like you: https://qsurvey.mozilla.com/s3/8d22564490d8

Vos résultats de recherche

    border-inline-start-style

    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-inline-start-style définit le style de la bordure utilisé pour le côté du début de l'élément dans l'axe 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.

    /* border-inline-start-style: style */
border-inline-start-style: dashed;

/* border-inline-start-style: horizontal vertical */
border-inline-start-style: dotted solid;

/* border-inline-start-style: haut horizontal bas */
border-inline-start-style: hidden double dashed; 

/* border-inline-start-style: haut droit bas gauche */
border-inline-start-style: none solid dotted dashed; 

border-inline-start-style: inherit

    Les autres propriétés logiques permettant de définir le style de la bordure sont les suivantes :

    Valeur initialenone
    Applicabilitétous les éléments
    Héritéenon
    Médiavisuel
    Valeur calculéecomme spécifié
    Type d'animationdiscrète
    Ordre canoniquel'ordre unique et non-ambigu défini par la grammaire formelle

    Syntaxe

    Valeurs

    <'border-style'>
    Voir border-style

    Syntaxe formelle

    <'border-style'>

    Exemples

    CSS

    div {
  background-color: yellow;
  width: 120px;
  height: 120px;
}

.exemple {
  writing-mode: vertical-lr;
  border: 5px solid blue;
  border-inline-start-style: dashed;
}

    HTML

    <div>
  <p class="exemple">Texte d'exemple</p>
</div>

    Résultat

    Spécifications

    Spécification État Commentaires
    CSS Logical Properties Level 1
    La définition de 'border-inline-start-style' dans cette spécification.    		 Brouillon de l'éditeur Définition initiale.

    Compatibilité des navigateurs

    Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
    Support simple Pas de support 41.0 (41.0)[1] Pas de support Pas de support Pas de support
    Fonctionnalité Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
    Support simple Pas de support 41.0 (41.0)[1] Pas de support Pas de support Pas de support

    [1] Disponible depuis Gecko 38 via la préférence layout.css.vertical-text.enabled ensuite désactivée par défaut.

    Voir aussi

    Étiquettes et contributeurs liés au document

    Étiquettes : 
     Contributeurs à cette page : SphinxKnight
     Dernière mise à jour par : SphinxKnight,