Disposition de la syntaxe CSS pour les bordures de tableau (1)_Tutoriel de base

Nous savons que Dreamweaver a fait un excellent travail dans la création de tableaux, mais à un moment donné, il doit encore être combiné avec CSS pour obtenir des effets spécifiques. Voyons d'abord la syntaxe CSS pour les bordures de tableau, puis présentons comment utiliser CSS pour. embellir les bordures des tables. Syntaxe CSS pour les bordures de tableau

Le contenu spécifique inclut : largeur de bordure supérieure, largeur de bordure droite, largeur de bordure inférieure, largeur de bordure gauche, largeur de bordure, couleur de bordure, style de bordure, bordure supérieure, bordure inférieure, bordure gauche, droite bordure, bordure, largeur, hauteur, étiquettes associées, etc.
1. Largeur de la bordure supérieure

Syntaxe : border-top-width :
Valeurs autorisées : fine | moyenne | épaisse | Applicable à : Tous les objets Rétrocompatible : Non
L'attribut top border width est utilisé pour spécifier la largeur de la bordure supérieure d'un élément. La valeur peut être l'un des trois mots-clés, dont aucun n'est affecté par la taille ou la longueur de la police, et peut être utilisée pour implémenter des largeurs proportionnelles. Les valeurs négatives ne sont pas autorisées. Il peut également être utilisé pour abréger la bordure supérieure, la largeur de la bordure ou les propriétés de la bordure.
　2. Largeur de la bordure droite

Syntaxe : border-right-width :

Valeurs autorisées : fine | moyenne | épaisse | Applicable à : Tous les objets
Rétrocompatible : Non L'attribut right border width est utilisé pour spécifier la largeur de la bordure droite de l'élément. La valeur peut être l'un des trois mots-clés, dont aucun n'est affecté par la taille ou la longueur de la police, et peut être utilisée pour implémenter des largeurs proportionnelles. Les valeurs négatives ne sont pas autorisées. Peut également être utilisé pour abréger la bordure droite, la largeur de la bordure ou les propriétés de la bordure.
3. Largeur de la bordure inférieure
Syntaxe : border-bottom-width :

Valeurs autorisées : fine | moyenne | épaisse | Applicable à : Tous les objets
Rétrocompatible : Non
L'attribut bottom border width est utilisé pour spécifier la largeur de la bordure inférieure de l'élément. La valeur peut être l'un des trois mots-clés, dont aucun n'est affecté par la taille ou la longueur de la police, et peut être utilisée pour implémenter des largeurs proportionnelles. Les valeurs négatives ne sont pas autorisées. Il peut également être utilisé pour abréger la bordure inférieure, la largeur de la bordure ou les propriétés de la bordure.
4. Largeur de la bordure gauche
Syntaxe : border-left-width :
Valeurs autorisées : fine | moyenne | épaisse | Applicable à : Tous les objets
Rétrocompatible : Non
L'attribut left border width est utilisé pour spécifier la largeur de la bordure gauche de l'élément. La valeur peut être l'un des trois mots-clés, dont aucun n'est affecté par la taille ou la longueur de la police, et peut être utilisée pour implémenter des largeurs proportionnelles. Les valeurs négatives ne sont pas autorisées. Il peut également être utilisé pour abréger la bordure gauche, la largeur de la bordure ou les propriétés de la bordure.
5. Largeur de la bordure

Syntaxe : border-width :

Valeurs autorisées : [ mince | moyen ]{1,4}
Valeur initiale : Non défini S'applique à : Tous les objets
Rétrocompatible : Non
La propriété border-width définit la bordure de l'élément avec une à quatre valeurs. La valeur est un mot-clé ou une longueur. Les longueurs négatives ne sont pas autorisées. Si les quatre valeurs sont données, elles s'appliquent respectivement aux styles de bordure supérieure, droite, inférieure et gauche. Si une valeur est donnée, elle sera appliquée à chaque arête. Si deux ou trois valeurs sont données, la valeur omise est égale au côté opposé. Cette propriété est une abréviation des propriétés de largeur de bordure supérieure, de largeur de bordure droite, de largeur de bordure inférieure et de largeur de bordure gauche. Vous pouvez également utiliser l'attribut border abrégé.
　6. Border color

Syntaxe : border-color :

Valeurs autorisées : {1,4}
Valeur initiale : La valeur de l'attribut de couleur Applicable à : Tous les objets
Rétrocompatible : Non
La propriété border-color définit la couleur de la bordure d'un élément. Vous pouvez utiliser un à quatre mots-clés. Si les quatre valeurs sont données, elles s'appliquent respectivement aux styles de bordure supérieure, droite, inférieure et gauche. Si une valeur est donnée, elle sera appliquée à chaque arête. Si deux ou trois valeurs sont données, la valeur omise est égale au côté opposé. Vous pouvez également utiliser l'attribut border abrégé.
7. Style de bordure

Syntaxe : border-style :

Valeurs autorisées : [ aucun | pointillé | double rainure | 4} Valeur initiale : aucune
Applicable à : tous les objets Compatibilité descendante : Non
L'attribut border style est utilisé pour définir le style de la bordure d'un élément. Cette propriété doit être utilisée pour spécifier une bordure visible. Vous pouvez utiliser un à quatre mots-clés. Si les quatre valeurs sont données, elles s'appliquent respectivement aux styles de bordure supérieure, droite, inférieure et gauche. Si une valeur est donnée, elle sera appliquée à chaque arête. Si deux ou trois valeurs sont données, la valeur omise est égale au côté opposé.Vous pouvez également utiliser l'attribut border abrégé.

aucun : pas de style ;
pointillé : ligne pointillée ;
pointillé : ligne pointillée ;
plein : ligne continue
double : ligne double ;
crête : crête
encart : concave
début : convexe