Site arayüzünü biçimlenedirirken bilinmesi gereken en temel stil öğelerinden bazıları: border - margin - padding dir.
Örneğin "column" classına sahip bir arayüz öğesi varsa buna verebileceğimiz stil şöyle olabilir.
.column{
width: 560px;
height: auto;
float: left;
font-size: 20px;
color: #444;
font-weight: bold;
font-family: Trebuchet MS, Sans-Serif;
padding: 20px;
margin: 0px 0px 20px 10px;
border: solid 1px #BCBCBC;
background: #F6F6F6;
}
560px genişliğindeki sola dayalı bu öğenin çevresel öğeleri "padding, margin, border" ile gösterildiği gibidir. Yani yukarıda belirtilen "column" öğelerinin çevresi şöyle olmalıdır:
- padding - iç boşluk : 20px
- margin - dış boşluk : üst=0px, sağ=0px, alt=20px, sol=10px
- border - sınır : #bcbcbc renginde düz 1px lik