Qu’est-ce que Dimension en CSS ? (exemple de code)

Ce chapitre vous présentera Qu'est-ce que Dimension en CSS ? (exemple de code) . Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.

1. Introduction

La propriété CSS Dimension vous permet de contrôler la hauteur et la largeur d'un élément. De même, cela vous permet d’augmenter l’espacement des lignes.

2. Valeur de l'attribut de dimension (taille)

3.

(1) Exemple 1 : Définir la hauteur de différents éléments

img.normal
{
    height:auto;
}
img.big
{
    height:120px;
}
p.ex
{
    height:100px;
    width:100px;
}

(2) Exemple 2 : Définir la hauteur d'un élément en utilisant des valeurs de pourcentage

html {height:100%;}
body {height:100%;}
img.normal {height:auto;}
img.big {height:50%;}
img.small {height:10%;}

(3) Exemple 3 : Utiliser des valeurs de pixels pour définir la largeur d'un élément

img {width:200px;}

(4) Exemple 4 : Définir la hauteur maximale d'un élément

p{
    max-height:50px;
    background-color:yellow;
}

(5) Exemple 5 : Utiliser des valeurs de pourcentage pour définir la largeur maximale de l'élément

p{
    max-width:20%;
    background-color:yellow;
}

(6) Exemple 6 : Définir la hauteur minimale de l'élément

p{
    min-height:100px;
    background-color:yellow;
}

(7) Exemple 7 : Utiliser les valeurs de pixels Définir la largeur minimale de l'élément

p{
    min-width:150px;
    background-color:yellow;
}

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!