propriété de dimensionnement de boîte CSS3
Résultats de traduction:
Troisième personne du singulier : boîtes Pluriel : boîtes Participe présent : boxe Passé : boxed Participe passé : boxed
n Trier la colle; Matériau ; broyage des scories ; traitement selon la taillepropriété de dimensionnement de boîte CSS3syntaxe
Ce qu'il fait : Vous permet de définir exactement ce qui est adapté à une certaine zone.
Remarque : Internet Explorer, Chrome, Safari et Opera prennent en charge l'attribut box-sizing. Firefox nécessite le préfixe -moz-.
L'attribut box-sizing en CSS3 vous permet de définir des éléments spécifiques qui correspondent à une certaine zone d'une manière spécifique. Il a deux valeurs : content-box signifie que la largeur réelle est la somme de la largeur, de la bordure et du remplissage ; -box signifie la largeur réelle. La largeur est égale à la valeur de la largeur
propriété de dimensionnement de boîte CSS3exemple
<!DOCTYPE html> <html> <head> <style> div.container { width:30em; border:1em solid; } div.box { box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ width:50%; border:1em solid red; float:left; } </style> </head> <body> <div class="container"> <div class="box">这个 div 占据左半部分。</div> <div class="box">这个 div 占据右半部分。</div> </div> </body> </html>
Exécuter l'instance »
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
Recommandations populaires
- que fait réellement box-sizing: border-box ?
- Explication détaillée du dimensionnement de la propriété CSS
- Guide des propriétés des images CSS : contour et dimensionnement des boîtes
- Conseils d'optimisation des propriétés du modèle de boîte CSS : dimensionnement de la boîte
- Présentation du modèle de boîte CSS et des propriétés de dimensionnement des boîtes
- box-blur.dll – Qu'est-ce que box-blur.dll ?