Comment définir l'attribut de bordure html5 ? Introduction à l'attribut border dans le tableau html5
寻∝梦
Libérer： 2018-08-18 13:30:52
original
22672 Les gens l'ont consulté
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.
Valeur de l'attribut de bordure 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"
Copier après la connexion
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 <🎜 pour définir la gauche. style de bordure séparément.>
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">
Copier après la connexion
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 :
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
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
