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

manuel de référence CSS

règles CSS @RULES

大全 des propriétés CSS

CSS border-Méthode d'utilisation et exemple de l'attribut bottom

CSS border-La propriété bottom de CSS définit la largeur, le style et la couleur de l'élément de bord inférieur. C'est une propriété pour définir séparément le bord inférieur, c'est-à-dire une propriété abrégée de raccourci border-bottom-widthborder-bottom-styleetborder-bottom-colorC'est une déclaration d'attribut unique.

Le tableau suivant résume l'utilisation de l'attribut et l'historique des versions.

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
JavaScript syntaxe :object object.style.borderBottom="2px solid red"

border-Syntaxe d'utilisation de bottom

La syntaxe de cet attribut est la suivante :

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

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

h1 {border-bottom: 5px dashed #ff0000;}
p {border-bottom: 3px dotted #00ff00;}
Testez et voyez‹/›

Valeur de l'attribut

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

ValeurDescription
border-bottom-widthDéfinir la largeur de la bordure inférieure de l'élément.
border-bottom-styleDéfinir le style de ligne de la bordure inférieure de l'élément.
border-bottom-colorDéfinir la couleur de la bordure inférieure de l'élément.
initialRéinitialisez cette propriété à sa valeur par défaut.
inheritSi spécifié, l'élément associé utilise la valeur calculée de la propriété border de son élément parent-bottom。

Compatibilité du navigateur

border-La compatibilité du navigateur pour la propriété bottom, 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-bottom-colorborder-bottom-styleborder-bottom-width