Comment utiliser la propriété de bordure CSS

Définition et utilisation des bordures CSS

La propriété CSS border-style est utilisée pour définir le style de toutes les bordures d'un élément, ou le définir individuellement pour chaque style de bordure latérale. La bordure ne peut apparaître que 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 en ligne continue

La bordure inférieure est en double ligne

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 une double ligne

Exemple 3

border-style:dotted solid;

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

Les bordures droite et gauche sont des lignes pleines

Exemple 4

border-style:dotted;

Les quatre bordures sont en pointillés

instances, Définir les styles des quatre bordures

p
  {
  border-style:solid;
  }

Prise en charge du navigateur

Tous les navigateurs prennent en charge l'attribut border-style.

Remarque : Les valeurs d'attribut "inherit" ou "hidden" ne sont prises en charge dans aucune version d'Internet Explorer (y compris IE8).

Valeurs possibles

Description

Le style de bordure le plus imprévisible est le 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!