CSS3 Autres

Dans ce tutoriel, nous allons apprendre plus de CSS intéressants3Fonctionnalités.

Utiliser CSS3Étendre l'interface utilisateur

Dans ce chapitre, nous allons discuter de certains CSS intéressants liés à l'interface utilisateur3comme les attributsredimensionnement,contour-offsetetc., vous pouvez l'utiliser pour améliorer votre site web.

Ajuster la taille des éléments

Vous pouvez utiliser CSS3 L'attribut resize permet de redimensionner un élément horizontalement, verticalement ou bidirectionnellement. Cependant, cet attribut est généralement utilisé pour<textarea>Supprimez le comportement de redimensionnement par défaut des contrôles de formulaire.

p, div, textarea {
　　　　largeur:　300px;
　　　　min-hauteur:　100px;
　　　　débordement: auto;
　　　　bordure:　1px solide noir;
}
p {
　　　redimensionnement: horizontal;　
}
div {
　　　　redimensionnement: both;
}
textarea {
　　　　redimensionnement: none;
}

Définir le décalage du contour

Dans la section précédente, vous avez appris à définir différents attributs pour le contour, tels que la largeur, la couleur et le style. Cependant, CSS3Il existe un autre attribut, contour-L'attribut offset est utilisé pour définir l'espace entre le contour et la bordure de l'élément. Cet attribut peut accepter des valeurs négatives, ce qui signifie que vous pouvez également placer un contour à l'intérieur de l'élément.

p, div {
　　　　marge:　50px;
　　　　hauteur:　100px;
　　　　fond: #000;
　　　　contour:　2px solide rouge;
}
p {
　　　　contour-décalage:　10px;
}
div {
　　　　contour-décalage:　-15px;
}