Core Code
Core Code Modern Dev Handbook

CSS Box Model Border

The border surrounds the padding and content.

Preview

Code

<style>
.box{
background:#e9d5ff;
padding:20px;
border:6px solid #9333ea;
}
</style>

<div class="box">Border layer example</div>

More CSS Box Model Examples (8)

example CSS Box Model Basic open example example CSS Box Model Content open example example CSS Box Model Padding open example example CSS Box Model Margin open example example CSS Box Sizing Border Box open example example CSS Box Model Width Calculation open example example CSS Box Model Layout Spacing open example example CSS Box Model Visual Example open example