Introduction à l'attribut border-style

L'attribut

border-style est utilisé pour définir le style de toutes les bordures d'un élément, ou pour définir le style de bordure pour chaque côté individuellement.

La bordure peut apparaître uniquement si cette valeur n'est pas nulle.

Exemple 1

border-style:dotted solid double dashed;

• La bordure supérieure est en pointillés

• La bordure droite est une ligne continue

• La bordure inférieure est une ligne double

• La bordure gauche est une ligne pointillée

Exemple 2

border-style:dotted solid double;

• La bordure supérieure est en pointillés

• Les bordures droite et gauche sont des lignes pleines

• La bordure inférieure est constituée de lignes doubles

Exemple 3

border-style:dotted solid;

• Les bordures supérieure et inférieure sont en pointillés

• Bordure droite et la bordure gauche est une ligne continue

Exemple 4

border-style:dotted;

• Les 4 bordures sont en pointillés

默认值：	not specified
继承性：	no
版本：	CSS1
JavaScript 语法：	object.style.borderStyle="dotted double"

Valeurs possibles

值	描述
none	定义无边框。
hidden	与 "none" 相同。不过应用于表时除外，对于表，hidden 用于解决边框冲突。
dotted	定义点状边框。在大多数浏览器中呈现为实线。
dashed	定义虚线。在大多数浏览器中呈现为实线。
solid	定义实线。
double	定义双线。双线的宽度等于 border-width 的值。
groove	定义 3D 凹槽边框。其效果取决于 border-color 的值。
ridge	定义 3D 垄状边框。其效果取决于 border-color 的值。
inset	定义 3D inset 边框。其效果取决于 border-color 的值。
outset	定义 3D outset 边框。其效果取决于 border-color 的值。
inherit	规定应该从父元素继承边框样式。

Description

Le style de bordure le moins prévisible est double. Elle est définie comme la largeur de deux lignes plus l'espace entre les deux lignes égal à la valeur de largeur de bordure. Cependant, la spécification CSS ne précise pas si l'une des lignes est plus épaisse que l'autre ou si les deux lignes doivent être de même épaisseur, ni si l'espace entre les lignes doit être plus épais que la ligne. Tout cela est décidé par l’agent utilisateur et les créatifs n’ont aucune influence sur cette décision.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!