■default
content-box
right
left
border-box
right
left
■border
content-box
border: 10px
border: 10px
border-box
border: 10px
border: 10px
■padding
content-box
padding: 10px
padding: 10px
border-box
padding: 10px
padding: 10px
■border + padding
content-box
border: 10px
padding: 10px
border: 10px
padding: 10px
border-box
border:
padding: 10px
border:
padding: 10px
■padding
content-box
border: 10px
padding: 10px
border: 10px
padding: 10px
border-box
border: 10px
padding: 10px
border: 10px
padding: 10px
■おまけ
content-box
right
hogehoge fugafuga piyopiyohogerahogera
left
hogehoge fugafuga piyopiyohogerahogera
border-box
right
hogehoge fugafuga piyopiyohogerahogera
left
hogehoge fugafuga piyopiyohogerahogera