Kendi radyonu kur,Buton yap,Backlink,PageRank yükseltme,Reklam izle kazan,Html kodları,Temel CSS,RSS ile indexlenme,Toplist,Ziyaretçi defteri,Fıkralar,AdF.ly ile para kazan,Hızlıca 77$ kazanın,r.gg üyelik sistemi,TeamViewer,Link List,Online Oyunlar,BBCODE
hosting menu left
Html Kodları

Ücretsiz Programlar
Türk İnsanına Ait Site
hosting plan ico 1 Facebook Fan Sayfası
  • Facebook sayfamızı buradan 'e bilirsiniz.
  • Facebook sayfamızı beğenerek bize destek olabilirsiniz.
  • Haydi durmayın, Hemen beğenin.
  • Sayfamızı beğenin, linkinizi payaşalım.
hosting plan ico 2 En Son Yenilikler
  • Sayaç,beğen,abone ol,paylaş,twitter,google +1 ve sayaç eklendi !
  • WebMasteR servisimiz yakında hizmetinizde.
  • Kırık link bildirimi çok yakında sitemizde.
  • Üyeler paylaşım bölümü çok yakında !
hosting plan ico 3 Üyelik
  • Yarışma ve Link payalşımlarında senin işlemlerin daha hızlı !
  • Üyeler için tüm anlatımlar videolu. (Çok yakında !)
  • Üyeliğin avantajlarından yararlan Her konuda her yarışmada 1 adım öndesin
  • Blog yazını paylaş sitenin reklamını yap. Tıklayınız


bottom of hosting header

Üyelik

FACEBOOK

Turkish People

18

CSS Kutu Modeli – Kenarlık(border) Özellikleri

Kenarlık(border), içerik alanı ve padding etrafındaki bir veya daha fazla
çizgiye denir.

Kutu Modeli

  • boder-style
  • border-top-style, border-right-style, border-bottom-style, border-left-style
  • border-width
  • border-top-width, border-right-width, border-bottom-width, border-left-width
  • border-color
  • border-top-color, border-right-color, border-bottom-color, border-left-color
  • border

Sırasıyla incelersek:

border-style

Yapısı : border-style: <deger>
Aldığı Değerler : [ none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset ]{1,4} | inherit
Başlnagıç değeri: tanımlama yok
Uygulanabilen elementler: tüm elementler
Kalıtsallık: Yok

border-style özelliği kenarlık stilini belirlememizi sağlar.(Örn: dotted(noktalı), double(çift) vd.) 10 farklı değeri CSS desteklemektedir. Bu özellik kenarlığın görünmesi için
tanımlanması gereklidir. Bir veya dört değer alabilir eğer dört değer alırsa
sırasıyla üst, sağ, alt ve sol kenarlık stilini belirler. Eğer tek değeri
varsa tüm kenarlık değeri ataması yapılmış demektir. Eğer iki veya üç değer
ataması yapılmış ise margin‘de gördüğümüz sıralama söz konusudur.

1 p.yeni {
2 border-style: solid;
3 }
Browser Uyumu:
Internet Explorer 4+
Netscape 4+
Opera 3.6+
W3C’s CSS Level 1+
CSS Profile 1.0

border-top-style, border-right-style, border-bottom-style, border-left-style

Yapısı : border-[top,left,right,bottom]-style: <deger>
Aldığı Değerler : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | inherit
Başlangıç değeri: tanımlama yok
Uygulanabilen elementler: tüm elementler
Kalıtsallık: Yok

border-top-style, border-right-style, border-bottom-style, border-left-style border-style özelliğinin her kenara ayrı ayrı atamasını yapabilmek için kullanılır.

1 h1{
2 border-style: solid;
3 border-left-style: none;
4 }
Browser Uyumu:
Internet Explorer 4+(kısmen),6+ (tam)
Netscape 4+(kısmen), 6+ (tam)
Opera 3.6+
W3C’s CSS Level 1+
CSS Profile 1.0

border-width

Yapısı : border-width: <deger>
Aldığı Değerler : [ thin | medium | thick | <uzunluk değeri > ]{1,4} | inherit
Başlnagıç değeri: tanımlama yok
Uygulanabilen elementler: tüm elementler
Kalıtsallık: Yok

İlk olarak stili belirledikten sonra kenarlık kalınlığını belirlemek için border-width değeri kullanılır.

border-width yüzde değeri alamaz.

1 p {
2 margin: 5px;
3 background-color: silver;
4 border-style: solid;
5 border-width: 1px;
6 }
7 </ol>
Browser Uyumu:
Internet Explorer 4+
Netscape (kısmen), 6+(tam)
Opera 3.6+
W3C’s CSS Level 1+
CSS Profile 1.0

border-top-width, border-right-width, border-bottom-width, border-left-width

Yapısı : border-[top,left,right,bottom]-width: <deger>
Aldığı Değerler : thin | medium | thick | <uzunluk değeri > | inherit
Başlnagıç değeri: tanımlama yok
Uygulanabilen elementler: tüm elementler
Kalıtsallık: Yok

border-top-width, border-right-width, border-bottom-width, border-left-width border-width özelliğinin her kenara ayrı ayrı atamasını yapabilmek için kullanılır.

1 h2 {
2 border-left-width: medium;
3 border-style: solid;
4 }
Browser Uyumu:
Internet Explorer 4+ (kısmen), 6+(tam)
Netscape 4+(kısmen), 6+ (tam)
Opera 3.6, 4+
W3C’s CSS Level 1+
CSS Profile 1.0

border-color

Yapısı : border-color: <deger>
Aldığı Değerler : [ <renk> | transparent ]{1,4} | inherit
Başlnagıç değeri: tanımlama yok
Uygulanabilen elementler: tüm elementler
Kalıtsallık: Yok

border-color özelliği kenarlık rengini belirler. (X)html’deki bordercolor ile benzerdir.

1 p {
2 border-style: solid;
3 border-color: gray;
4 }

Tek değer tüm kenarlık renklerini belirler, her kenar için ayrı renk tanımlamasıda
yapılabilir.

Browser Uyumu:
Internet Explorer 4+
Netscape 4+(kısmen), 6+(tam)
Opera 3.6+
W3C’s CSS Level 1+
CSS Profile 1.0

border-top-color, border-right-color, border-bottom-color, border-left-color

Yapısı : border-[top,left,right,bottom]-color: <deger>
Aldığı Değerler : [ <renk> | transparent ]{1,4} | inherit
Başlnagıç değeri: tanımlama yok
Uygulanabilen elementler: tüm elementler
Kalıtsallık: Yok

border-color özelliğinin her kenara ayrı ayrı atamasını yapabilmek için kullanılır.

Not: Bir kenarlığı yok etmek için kalınlık değeri veririz. Birde CSS2 ile
birlikte gelen transparent özelliği vardır ki bu kenarlığı yok etmez sadece
görünmez yapar.

1 p {
2 border-style: solid;
3 border-color: gray;
4 }

Tek değer tüm kenarlık renklerini belirler, her kenar için ayrı renk tanımlamasıda
yapılabilir.

Browser Uyumu:
Internet Explorer 4+
Netscape 4+(kısmen), 6+(tam)
Opera 3.6+
W3C’s CSS Level 1+
CSS Profile 1.0

border

Yapısı : border: <deger>
Aldığı Değerler : <border-width> | <border-style> | <renk>
Başlnagıç değeri: tanımlama yok
Uygulanabilen elementler: tüm elementler
Kalıtsallık: Yok

border yukarıda sıraladığımız özellikleri tek sefer de tanımlamak için kullanılır. Bir kısaltmadır.

1 h1 {
2 border: thick silver solid;
3 }

Bu özellikleri tek tek atamak isteseydik şöyle bir kod yazmamız gerekecekti.

1 h1 {
2 border-top: thick silver solid;
3 border-bottom: thick silver solid;
4 border-right: thick silver solid;
5 border-left: thick silver solid;
6 }
Browser Uyumu:
Internet Explorer 4+
Netscape 4+(kısmen), 6+(tam)
Opera 3.6+
W3C’s CSS Level 1+
CSS Profile 1.0


Bilgilerin

Merhaba ziyaretçi

  İP adresin:
3.239.162.98

  Kullandığın browser: claudebot

  Bu gün 11 kişi buradaydı


Reklam






 Mozilla Firefox 14.0.1 Sürümü ile 
 görüntülenmeye ayarlanmıştır. Farklı 
 tarayıcılarda sorunlar gözetilmiştir.   
 Sorunsuz ve hatasız gezinme için  Mozilla Firefox 14.0.1  öneriyoruz. 
 Bu site 1366x768 Ekran  çözünürlüğüne göre ayarlanmıştır.  Farklı ekran çözünürlüklerinde  sorunlar yaşanabilmektedir.                
                    
Sitemiz büyük güncellemeden sonra çok değişti ve değişecek.
2.0 sürümü ile yollarımız 
kesiştirdik. 2.0 sürümü ile neler
geldi  ? Merak ediyorsan Tıkla.

Sol tarafa göz attınızmı ? Nasıl olmuş ? Bir yenilik daha yaptık ve alt menüleri değiştirdik ve yeniledik. Çok yakında bomba gibi html kodlarla sizlerleyiz...
 

website hosting main area bottom

 
 
88x31 Banner Takası Yapmak İçin Tıklayınız.
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol