Maison > interface Web > tutoriel CSS > le corps du texte

Syntaxe CSS pour les bordures de tableau

PHPz
Libérer: 2018-09-28 11:10:29
original
2010 Les gens l'ont consulté

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. Commençons par trier la syntaxe CSS pour les bordures de tableau, puis présentons comment le faire. utilisez CSS pour l'embellir. La bordure du tableau.

Syntaxe CSS pour les bordures de tableau

Les contenus spécifiques incluent : la largeur de la bordure supérieure, la largeur de la bordure droite, la largeur de la bordure inférieure, la largeur de la bordure gauche, la bordure largeur, couleur de bordure, style de bordure, bordure supérieure, bordure inférieure, bordure gauche, bordure droite, bordure, largeur, hauteur, étiquettes associées, etc.

1. Largeur de la bordure supérieure

Syntaxe : border-top-width :

Valeur initiale : moyenne

Applicable à : tous les objets

Compatibilité descendante : non

La propriété de largeur de bordure supérieure est utilisée Spécifie 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 :

Valeur initiale : moyenne

Applicable à : tous les objets

Compatibilité descendante : non

La propriété de largeur de bordure droite est utilisée pour Spécifie 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 : Valeur initiale : moyenne

Applicable à : tous les objets

Compatibilité descendante : non

L'attribut de largeur de bordure inférieure est utilisé Spécifie le 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 :

Valeur initiale : moyenne Applicable à : tous les objets

Rétrocompatible : non

La propriété de largeur de bordure gauche est utilisée pour Spécifie 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 : [fin | Longueur> ]{1,4}

Valeur initiale : non définie Applicable à : tous les objets

Compatibilité descendante : Non

Bordure Les ensembles d'attributs de largeur les limites d'un élément avec une à quatre valeurs, où 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 un raccourci pour les propriétés haut, droite, bas et gauche. Vous pouvez également utiliser l'attribut border abrégé.

6. Couleur de la bordure

Syntaxe : border-color :

Valeurs autorisées : {1, 4}

Valeur initiale : la valeur de l'attribut color Applicable à : tous les objets

Compatibilité descendante : Non

L'attribut border color définit la valeur de un élément Couleur de bordure. 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 | crête | début ]{1,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 ;

8. Bordure supérieure

Syntaxe : border-top :

Valeurs autorisées : ||

Valeur initiale : non définie

S'applique à : tous les objets

Compatibilité descendante : non

La bordure- L'attribut top est un raccourci permettant de définir la largeur, le style et la couleur de la bordure d'un élément. Notez qu’un seul style de bordure peut être donné. Vous pouvez également utiliser l'attribut border abrégé.

9. Bordure droite

Syntaxe : border-right :

Valeurs autorisées :