Maison  >  Article  >  interface Web  >  Quelle est la différence entre une zone de contenu et une zone de bordure ?

Quelle est la différence entre une zone de contenu et une zone de bordure ?

零下一度
零下一度original
2017-07-19 17:48:593075parcourir

Quelle est la différence entre Quelle est la différence entre une zone de contenu et une zone de bordure ? et Quelle est la différence entre une zone de contenu et une zone de bordure ? ? Laissez-moi vous l'expliquer en détail :

  • Quelle est la différence entre une zone de contenu et une zone de bordure ? :

  • le rembourrage et la bordure ne sont pas inclus dans la définition. largeur et hauteur. La largeur réelle de l'objet est égale à la somme de la valeur de largeur définie, de la bordure et du remplissage, c'est-à-dire (largeur de l'élément = largeur + bordure + rembourrage)

  • Cet attribut se comporte comme un modèle de boîte en mode standard.

  • Quelle est la différence entre une zone de contenu et une zone de bordure ? :

  • le rembourrage et la bordure sont inclus dans la largeur et la hauteur définies. La largeur réelle de l'objet est égale à la valeur de largeur définie. Même si la bordure et le remplissage sont définis, la largeur réelle de l'objet ne sera pas modifiée, c'est-à-dire (Largeur de l'élément = largeur)

  • .

    Cet attribut se comporte bizarrement Modèle boîte en mode.

Exemple :

  • Quelle est la différence entre une zone de contenu et une zone de bordure ? :

    .test1{ box-sizing:Quelle est la différence entre une zone de contenu et une zone de bordure ?; width:200px; padding:10px; border:15px solid #eee; }

    Quelle est la différence entre une zone de contenu et une zone de bordure ?

  • Quelle est la différence entre une zone de contenu et une zone de bordure ? :

    .test2{ box-sizing:Quelle est la différence entre une zone de contenu et une zone de bordure ?; width:200px; padding:10px; border:15px solid #eee; }

    Quelle est la différence entre une zone de contenu et une zone de bordure ?

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