28 Kas 2021 14:24 Yeni Konu Oluştur

Haberler:

Üye kayıt esnasında E-posta adresinizin doğru olduğuna ve Aktivasyon Mailinize bakmayı unutmayın.


Border kullanımı

Başlatan snrj, 25 Tem 2014 23:48

« önceki - sonraki »

0 Üyeler ve 1 Ziyaretçi konuyu incelemekte.

*

  1. 3,126

  2. 588

  3. 1011

border nedir=Border kenarlık demektir.
Bir HTML elementinin kenarlarına çizgi çekerken kullanacağımız kodlar şunlardır:

    border-style
    border-width
    border-color

border-style: Kenarlık Stili
Kenarların görünüşünün nasıl olacağı ile ilgili bilgi vermemizi sağlar.
Kullanabileceğiniz stiller:
none - Kenarlık yok
dotted - Noktalı
dashed - Kesik çizgili
solid - Çizgi
double - Çift çizgi
groove
ridge
inset
outset

Örnek bir kullanım:
   .snrj{ border-style: solid ; }

border-width: Kenarlık Boyutu
Kenar genişliğini belirtmemizi sağlar.
Örnek bir kullanım:
   .snrj{ border-style: solid; border-width: 1px; }

border-color: Kenarlık Rengi
Kenarlık rengini bu komutla değiştirebiliriz.
Örnek bir kullanım:
   .snrj{
      border-style: solid;
      border-width: 1px;
      border-color: #CCC;
   }

   
örnek bir kullanım yapalım
[IMG]http://i.imgur.com/7Vo1FC7.png[/img]
html kısım
<img class="snrj" src="http://i.imgur.com/VhSFXhg.gif" title="Hosted by imgur.com" />
css kısım
.snrj{border-style: solid;
border-color: #FF9400 #FF9400 #BF6900;
border-width: 5px 1px 3px;
border-radius: 30px;}



MENU ×