Yazılım Örnekleri

Html elementimize, border haricinde bir kenarlık daha koymak istiyorsak, outline komutunu kullanıyoruz. Outline komutunun üç tane  özelliği bulunuyor:

outline-style (Stili)
outline-width (Genişliği)
outline-color (Rengi)  


Aşağıda iki örnekle kullanımına bakalım.
 
Kod 1:
.divim 
{ 
    outline-style: dotted;
    outline-color: green;
    outline-width: 13px;
}

  
Kod 2 :
.divim2
{
    outline-style: double;
    outline-color: red;
    outline-width: thick;
}



Ayrı ayrı değil de tek seferde yazmak istersek aşağıdaki gibi yazabilir.
 
.divim
{
outline: 1px black solid;
}

outline-width (Genişliği), outline-color: (rengi), outline-style: (Stili) şeklinde yazdık.



Aşağıdaki Örnekte style kullanımları verilmiştir.