recherche

Maison  >  Article  >  interface Web  >  Quel est l'attribut du double trait en bas du CSS

Quel est l'attribut du double trait en bas du CSS

青灯夜游
青灯夜游original
2022-05-18 18:14:542096parcourir

Le double trait inférieur CSS est l'attribut "border-bottom-style", qui est utilisé pour définir le style de la bordure inférieure de l'élément. Lorsque la valeur de l'attribut est définie sur "double", une double bordure solide peut être ajoutée. au bas de l'élément, c'est-à-dire l'effet Double trait ; syntaxe "border-bottom-style:double".

Quel est l'attribut du double trait en bas du CSS

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.

Le double trait inférieur CSS est l'attribut "border-bottom-style".

L'attribut border-bottom-style est utilisé pour définir le style de la bordure inférieure de l'élément

Lorsque la valeur de cet attribut est définie sur "double", une double bordure solide peut être ajoutée au bas de l'élément pour obtenir un effet double course.

Exemple : 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style>
			p.double {
				border-bottom-style: double;
			}
		</style>
	</head>
	<body>
		<p>无边界。</p>
		<p class="double">双线底边界。</p>
	</body>
</html>

Quel est lattribut du double trait en bas du CSS

Explication : En plus de double, la valeur de l'attribut border-bottom-style a également :

valueExplicationnoneSpécifiez aucune frontière hidden est la même chose que "aucun". Sauf lorsqu'il est appliqué aux tables, pour lesquelles Hidden est utilisé pour résoudre les conflits de bordure. pointilléSpécifiez la bordure en pointilléspointilléSpécifiez la bordure en pointilléssolideSpécifiez la bordure pleinegrooveDéfinition Double ligne. La largeur de la double ligne est égale à la valeur de border-width ridge définit une bordure en diamant tridimensionnelle. L'effet dépend de la valeur de border-color inset définit une bordure concave tridimensionnelle. L'effet dépend de la valeur de border-color outset définit une bordure convexe tridimensionnelle. L'effet dépend de la valeur de border-color
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style>
			p.dotted {
				border-bottom-style: dotted;
			}

			p.dashed {
				border-bottom-style: dashed;
			}

			p.solid {
				border-bottom-style: solid;
			}

			p.groove {
				border-bottom-style: groove;
			}

			p.ridge {
				border-bottom-style: ridge;
			}

			p.inset {
				border-bottom-style: inset;
			}

			p.outset {
				border-bottom-style: outset;
			}
		</style>
	</head>

	<body>
		<p class="dotted">点底边界。</p>
		<p class="dashed">虚线底边界。</p>
		<p class="solid">实线底边界。</p>
		<p class="groove">凹槽底边界。</p>
		<p class="ridge">垄状底边界。</p>
		<p class="inset">嵌入底边界。</p>
		<p class="outset">外凸底边界。</p>
	</body>
</html>

(Partage de vidéos d'apprentissage : Quel est lattribut du double trait en bas du CSStutoriel vidéo CSS

,

front-end web)

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!

html5 css css3 double border
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
Article précédent：Quelles sont les propriétés utilisées pour se cacher en CSSArticle suivant：Quelles sont les propriétés utilisées pour se cacher en CSS

Articles Liés

Voir plus