DEV Community

MoonLight
MoonLight

Posted on

box sizing Css Mosh

content box

div {
box-sizing: content-box;
width: 100%;
border: solid #5B6DCD 10px;
padding: 5px;
}
Enter fullscreen mode Exit fullscreen mode

Image description

border box

div {
box-sizing: border-box;
width: 100%;
border: solid #5B6DCD 10px;
padding: 5px;
}
Enter fullscreen mode Exit fullscreen mode

Image description

we should use these codes for ::before ::after
Image description

Top comments (0)

Read next

moh_moh701 profile image

Understanding SQL Subqueries and Common Table Expressions (CTEs)

mohamed Tayel -

shinetechsoftwareinc profile image

How to Add Competitiveness to Your Remote Development Team

Shinetech Software -

stormsidali2001 profile image

Next.js 15 Deep Dive: Building a Notes App with Advanced Features

Sidali Assoul -

syed_mustafa_shaw profile image

Secure Your Cloud Credentials

Syed Mustafa Qamar -