English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
bordure-bas-La propriété style CSS est utilisée pour définir le style inférieur d'un élément individuellement. Cependant, dans notre travail pratique, nous utilisons généralementbordure-styleOubordure-basPour définir le style de la bordure.
Le tableau suivant décrit l'utilisation et l'historique des versions de cette propriété, ainsi que la syntaxe de son utilisation dans les scripts JavaScript.
| Valeur par défaut : | none |
|---|---|
| Applicable à : | Tous les éléments |
| Héritage : | Non |
| Animable : | Non.Voir également Propriétés d'animation。 |
| Version : | CSS 1，2，3 |
| Syntaxe JavaScript : | object object.style.borderBottomStyle="dashed" |
La syntaxe de cette propriété est la suivante :
bordure-bas-style: none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | initial | inherit
Le exemple suivant montre comment utiliser border-bas-Propriété de style.
p {
bordure-bas-style: dashed;
bordure-bas-largeur: 3px;
}Vérifiez et voyez‹/›Le tableau suivant décrit les valeurs de cet attribut.
| Valeur | Description |
|---|---|
none | Affiche sans bordure. |
| hidden | Comme none, mais avec la différence que les cellules de tableau ontBordure repliéeEt deux cellules partagent la bordure. La valeur hidden assure que la bordure n'est pas dessinée, car hidden a la priorité sur tous les autres styles de bordure. |
| dotted | Affiche la bordure comme une série de points. |
| dashed | Affiche la bordure comme une série de segments courts, c'est-à-dire des tirets. |
| solide | Affiche la bordure comme une ligne continue. |
| double | Affiche la bordure comme deux lignes parallèles, avec un certain espacement entre elles. La somme des deux lignes ainsi que l'espacement entre elles égalebordure-widthvaleur. |
| groove | Affiche une bordure gravée dans le canevas. Elle donne également3L'impression de D, généralement réalisée en utilisant une couleur plus claire que la couleur de la bordurebordure-couleurde deux couleurs plus claires et plus sombres pour créer l'ombre. |
| ridge | Affiche une bordure en relief inversée. Il donne également3L'impression de D, la bordure semble venir du canevas. |
| inset | Affiche une bordure qui rend l'élément semblable à être enfoncé dans le canevas. Il donne l'impression de3D, ce qui est généralement réalisé en créant une ombre de deux couleurs, plus claires que la couleur de la bordurebordure-couleurun peu plus clair et plus foncé. |
| outset | Affiche une bordure en relief inversée. Il donne également3L'impression de D, la bordure rend la boîte comme si elle sortait du canevas. |
| initial | Réinitialisez cet attribut à sa valeur par défaut. |
| inherit | Si spécifié, l'élément lié utilise la bordure du parent-bas-Valeur calculée de l'attribut style. |
bordure-bas-Compatibilité du navigateur pour l'attribut style, les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cet attribut, tous les navigateurs populaires prennent en charge cet attribut.
|
Attention : Internet Explorer 7et les versions antérieures ne prennent pas en charge value hidden. IE8Prend en charge, mais nécessite un。9et les versions supérieures prennent en charge cette valeur hidden. IE
Voir la tutorial :Bordure CSS，CSS3 Bordure。
Attributs associés :bordure，bordure-style，bordure-bas，bordure-bas-couleur，
bordure-bas-width。