English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manuel de référence CSS

règles CSS @

大全 des propriétés CSS

CSS border-Méthode d'utilisation et exemple de la propriété left

border-La propriété left définit la largeur, le style et la couleur de la bordure gauche de l'élément. Il s'agit d'une propriété utilisée pour définir les différentes propriétés de la bordure gauche en une seule déclaration (c'est-à-direborder-left-widthborder-left-styleetborder-left-color)propriété abrégée.

Le tableau suivant contient des instructions d'utilisation et l'historique des versions de cette propriété, ainsi que la syntaxe d'utilisation de cet attribut dans le script JavaScript.

Valeur par défaut :Voir toutes les propriétés
Applicable à :Tous les éléments
Héritage :Non
Animable :Oui,Voir également l'attribut individuelVoir également Attribut d'animation
Version :CSS 1,2,3
Syntaxe JavaScript :    
object.style.borderLeft="2px solid red"

Syntaxe de l'utilisation de la bordure gauche

La syntaxe de cet attribut est la suivante :

border-left: [ border-left-width border-left-style border-left-color ] | initial | inherit

Les exemples suivants montrent comment utiliser border-propriété left.

  h1 {
   border-left: 5px solid #ff0000;
  }
  p {
   border-left: 3px dotted #00ff00;
  }
Vérifiez et voyez‹/›

Valeur de l'attribut

Le tableau suivant décrit les valeurs de cette propriété.

ValeurDescription
border-left-widthDéfinir la largeur de la bordure gauche de l'élément.
border-left-styleDéfinir le style de ligne de la bordure gauche de l'élément.
border-left-colorDéfinir la couleur de la bordure gauche de l'élément.
initialRéinitialisez cette propriété à sa valeur par défaut.
inheritSi spécifié, l'élément lié utilise la bordure parente.-Valeur de la propriété left.

Compatibilité du navigateur

border-La compatibilité du navigateur pour la propriété left, les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cette propriété ; tous les navigateurs populaires prennent en charge cette propriété.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

En savoir plus

Voir la tutoriel :CSS BorderCSS3 Border

Propriétés associées :borderborder-left-colorborder-left-styleborder-left-width