mozilla
Vos résultats de recherche

    border-left-style

    Résumé

    La propriété CSS border-left-style définit le style de ligne de la bordure gauche d'une boîte.

    Note : la spécification ne définit pas comment les bordures de styles différents se connectent dans les coins.

    Syntaxe

    Syntaxe formelle : <br-style>
    
    border-left-style: border-style
    
    border-left-style: inherit
    

    Valeurs

    border-style
    Est unmot-clé décrivant le style de la bordure inférieure. Il peut prendre les valeurs suivantes :
    none
     
    De même que le mot-clé hidden, aucune bordure n'est affichée. Dans ce cas, sauf si une image d'arrière-plan est définie, les valeurs calculées de border-left-width seront 0, même si d'autres valeurs sont définies au moyen de la propriété. Dans le cas de la fusions de cellules de tableaux et de bordures, la valeur none a la priorité la plus faible : cela signifie que si une valeur différente est définie, ce sera cette dernière qui sera utilisée.
    hidden
     
    De même que le mot-clé none, aucune bordure n'est affichée. Dans ce cas, sauf si une image d'arrière-plan est définie, les valeurs calculées de border-left-width seront 0, même si d'autres valeurs sont définies au moyen de la propriété. Dans le cas de la fusions de cellules de tableaux et de bordures, la valeur hidden a la priorité la plus élevée : cela signifie que si une valeur différente est définie, cette dernière ne sera pas utilisée.
    dotted
     
    Affiche une série de points circulaires. L'espacement de ces points n'est pas défini par la spécification et est spécifique à chaque implémentation. Le rayon des points est la moitié de la valeur calculée de border-left-width.
    dashed
     
    Affiche une série de courts segments rectangulaires. La dimension exacte des segment n'est pas définie par la spécification et est spécifique à chaque implémentation.
    solid
     
    Affiche une unique ligne droite pleine.
    double
     
    Affiche deux lignes dont l'addition correspond à la valeur de border-width ou border-left-width.
    groove
     
    Affiche une bordure aboutissant à un effet découpé. C'est l'opposé de ridge.
    ridge
     
    Affiche une bordure avec un effet 3D, comme si elle sortait de la page. C'est l'opposé de groove.
    inset
     
    Affiche une bordure qui donne l'impression que la boîte est insérée dans la page. C'est l'opposé de outset. Lorsqu'il s'applique à une cellule de tableau et la propriété border-collapse définie à collapsed, cette valeur se comporte comme groove.
    outset
     

    Affiche une bordure qui donne l'impression que la boîte dépasse de la page. C'est l'opposé de inset. Lorsqu'il s'applique à une cellule de tableau et la propriété border-collapse définie à collapsed, cette valeur se comporte comme ridge.

    inherit
    Représente le style de bordure utilisé par le parent de l'élément courant.

    Exemples

    element {
            border-left-size: 1px;
            border-left-style: dotted;
            border-left-color: #000;
    }
    

    Spécifications

    Spécification Statut Commentaire
    CSS Backgrounds and Borders Module Level 3 Candidate Recommendation Pas de modification significative.
    CSS Level 2 (Revision 1) Recommendation Définition initiale.

    Compatibilité des navigateurs

    Fonction Chrome Firefox (Gecko) Internet Explorer Opera Safari
    Support de base 1.0 1.0 5.5 9.2 1.0
    Fonction Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
    Support de base ? ? ? ? ? ?

    Voir également

    Étiquettes et contributeurs liés au document

    Étiquettes : 
    Contributors to this page: Yuichiro, Fredchat, FredB, teoli, Mgjbot
    Dernière mise à jour par : teoli,
    Masquer la barre latérale