การใช้ css padding และ border ร่วมกัน

ถ้าหากเราต้องการ box ขนาด 500px padding 5px border 5px การเขียนคลาส สามารถเขียนได้ดังนี้

.pd {
width: 480px;
padding: 5px;
border: solid 5px #000;
}

อย่าลืมนะครับว่า padding ซ้าย-ขวา 5+5 = 10 และ border ซ้าย-ขวา 5+5 = 10 ค่า width จึงเขียนแค่ 480 เพราะผมรวมออกมามันจะเป็นค่า 500px นั่นเอง