[CSS] box-sizing

594 ワード

CSS テキストリンク

content-box

box-寸法デフォルト

width,height=コンテンツ領域のwidth,height

padding,borderはコンテンツ

に影響しない

padding、枠線で内容値を変更(小さく)

borderも含まれています!

.content-box {
        padding: 20px;
        border: 10px solid orange;
}

.border-box {
        box-sizing: border-box;
        padding: 20px;
        border: 10px solid orange;
}

この問題について([CSS] box-sizing), 我々は、より多くの情報をここで見つけました https://velog.io/@chldppwls12/css-box-sizing

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol