Maison >interface Web >Tutoriel H5 >Comment définir l'attribut de bordure html5 ? Introduction à l'attribut border dans le tableau html5

Comment définir l'attribut de bordure html5 ? Introduction à l'attribut border dans le tableau html5

寻∝梦
寻∝梦original
2018-08-18 13:30:5222733parcourir

Comment définir l'attribut de bordure html5 ? L'introduction de l'attribut border dans le tableau html5 est ici. Cet article explique principalement la définition et l'utilisation de l'attribut border html5 dans les styles CSS, ainsi qu'une introduction à l'attribut border dans le tableau html5

html5 La définition et l'utilisation de l'attribut border dans le style CSS :

l'attribut raccourci border définit tous les attributs de bordure dans une seule instruction.

Vous pouvez définir les attributs suivants dans l'ordre :

border-width

border-style

border-color

Si vous n'en définissez aucune. Une certaine valeur ne posera pas de problèmes, comme border:solid #ff0000 est également autorisée.

Comment définir lattribut de bordure html5 ? Introduction à lattribut border dans le tableau html5

Valeur de l'attribut de bordure html5 :

Comment définir lattribut de bordure html5 ? Introduction à lattribut border dans le tableau html5

La bordure CSS est utilisée pour définir le HTML éléments (tels que div) bordure, y compris la largeur, la couleur et le style de la bordure. Cet article présente les détails de la propriété CSS border aux programmeurs intéressés.

La bordure CSS est la couleur du style de bordure CSS, le style de bordure, la structure syntaxique de la largeur de la bordure et le didacticiel de cas d'application

1. 🎜>

La bordure CSS est la bordure CSS qui contrôle la largeur, la couleur, la ligne pointillée, la ligne continue et d'autres propriétés CSS de style de la bordure de l'objet. En même temps, vous pouvez accéder au manuel CSS fourni par le codeur pour afficher la bordure.

2. Comparaison de la bordure d'origine Html et de la bordure CSS

Bordure de contrôle de table HTML :

border="1" bordercolor="#000000"
Description : Contrôlez la largeur de la bordure du tableau pour 1px, la couleur CSS est noire et la valeur par défaut est une bordure de style unie.

3. Syntaxe de la bordure

1. Quatre bordures

border-left définit la bordure gauche Généralement, utilisez

border-right définit la bordure droite Généralement, pour définir le style de bordure droite séparément, utilisez

border-top pour définir la bordure supérieure. séparément, utilisez

border-bottom pour définir la bordure inférieure. , généralement utilisé pour définir le style de bordure inférieure séparément, parfois le style de bordure inférieure peut être appliqué comme effet de soulignement CSS.

2. L'abréviation de bordure avec la même bordure sur quatre côtés

#manong{border:1px solid #00F>

Trois styles de bordures

Habituellement, nous pouvons définir trois propriétés et paramètres pour la bordure : la largeur (épaisseur), le style de bordure et la couleur de la bordure.

1) Couleur de la bordure : border-color : #000

2) Épaisseur de la bordure (largeur) : border-width:1px

Utilisez le nombre + l'unité pour définir la bordure épaisseur largeur , telle que 1px (l'épaisseur et la largeur de la bordure sont de 1 pixel), la bordure doit être un nombre positif, une valeur supérieure à 0. Sinon, la définition du style de bordure n'est pas valide.

3) border style de bordure : border-style:solid

Les valeurs de style de bordure sont les suivantes :

    aucun : Pas de bordure. Indépendant de toute valeur de largeur de bordure spécifiée
  • hidden : masque la bordure. IE ne prend pas en charge
  • pointillé : IE4+ sur la plateforme MAC et IE5.5+ sur les plateformes WINDOWS et UNIX sont des lignes pointillées. Sinon, il s'agit d'une ligne continue (couramment utilisée)
  • en pointillés : IE4+ sur plateforme MAC et IE5.5+ sur plateforme WINDOWS et UNIX sont des lignes pointillées. Sinon, ligne pleine (couramment utilisée)
  • solide : bordure pleine (couramment utilisée)
  • double : double bordure. La somme de deux lignes simples et de leur intervalle est égale à la valeur de border-width spécifiée
  • groove : dessinez un groove 3D en fonction de la valeur de border-color
  • ridge : Dessinez une bordure en losange en fonction de la valeur de border-color
  • inset : Dessinez une bordure concave 3D en fonction de la valeur de border-color
  • début : Selon la valeur de border-color dessine un bord convexe 3D
résumé de la bordure CSS :

Nous utilisons CSS pour définir le style de bordure, généralement nous utilisons des abréviations. L'expression définit le style de bordure de l'objet, ce qui enregistre le code et simplifie la fonction de code. Qu'il s'agisse de définir une bordure unique ou une bordure à quatre côtés, nous essayons d'abréger le code de bordure CSS, qui est l'abréviation de CSS border optimisation. Les codes d'attribut couramment utilisés pour définir les styles CSS sur les objets sont : border:1px solid #000;.

Définition et utilisation de l'attribut border de la balise HTML  :

L'attribut border spécifie la largeur de la bordure entourant le tableau. La propriété

border applique une bordure à chaque cellule et entoure le tableau d'une bordure. Si la valeur de la propriété border change, seule la taille de la bordure autour du tableau change. La bordure intérieure du tableau mesure 1 pixel de large.

Astuce : Définissez border="0" pour afficher le tableau sans bordures.

D'un point de vue pratique, il est préférable de ne pas spécifier de bordure, mais d'utiliser CSS pour ajouter un style et une couleur de bordure.

La syntaxe de l'attribut bordure html5 :

<body border="value">
La valeur de l'attribut bordure html5 :

pixels : Formulaire requis Largeur de bordure.

Exemple d'attribut de bordure HTML 5
 :

Le tableau HTML suivant affichera une bordure autour des cellules du tableau :

【Recommandations associées】
<table border="1">
  <tr>
    <th>月份</th>
    <th>存款</th>
  </tr>
  <tr>
    <td>一月</td>
    <td>1000 元</td>
  </tr>
  <tr>
    <td>二月</td>
    <td>1500 元</td>
  </tr>
</table>

Que signifie la balise de zone HTML ? Explication détaillée de l'utilisation de la balise de zone html

Comment utiliser la balise source html5 ? Introduction aux attributs des balises sources html5


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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn