Maison >interface Web >tutoriel CSS >Que signifie la largeur en CSS

Que signifie la largeur en CSS

青灯夜游
青灯夜游original
2021-02-23 16:50:277754parcourir

En CSS, width signifie "largeur" ​​et est un attribut utilisé pour définir la largeur d'un élément. Le format de syntaxe de base est "width:length|%;"; zone de contenu. Vous pouvez ajouter un remplissage, des bordures et des marges en dehors de la zone de contenu.

Que signifie la largeur en CSS

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

Que signifie la largeur en CSS

attribut CSS width

attribut width définit la largeur de l'élément.

Remarque : L'attribut width n'inclut pas le remplissage, les bordures et les marges !

L'attribut width définit la largeur de la zone de contenu de l'élément. Des blocs-notes, des bordures et des marges peuvent être ajoutés en dehors de la zone de contenu. Les éléments en ligne non remplacés ignorent cet attribut.

Valeur de l'attribut :

  • auto Valeur par défaut. Le navigateur peut calculer la largeur réelle.

  • longueur Définissez la largeur en utilisant des unités telles que px, cm, etc.

  • % Définit la largeur sous forme de pourcentage en fonction de la largeur du bloc conteneur (élément parent).

  • inherit spécifie que la valeur de l'attribut width doit être héritée de l'élément parent.

[Tutoriel recommandé : Tutoriel vidéo CSS ]

Exemple :

<!DOCTYPE html>
<html>

	<head>
		<style type="text/css">
			img {
				width: 300px
			}
		</style>
	</head>

	<body>

		<img  src="img/1.jpg" / alt="Que signifie la largeur en CSS" >

	</body>

</html>

Que signifie la largeur en CSS

Pour plus de connaissances liées à la programmation, veuillez visiter : Introduction à la programmation ! !

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