Etiket: style

CSS border-style

border-style :

Elemente kenarlık görünüşünün nasıl olacağını ayarlamak için kullanılır.

Not: Eğer tek değer verilirse bu tüm kenarlar için geçerlidir, iki değer atanırsa ilki yatayda boşluk için ikincisi dikey de boşluk vermek için tanımlanmıştır.

Örnek

#borderStyle{
    border-style: dotted;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
none Kenarlığını olmayacağını belirtmek için kullanılır.
hidden Kenarlığı gizlemek için kullanılır.
dotted noktalı bir kenarlık olduğunu belirtir.
dashed kesik çizgili bir kenarlık olduğunu belirtir.
double çift kenarlıklı bir kenarlık olduğunu belirtir.
groove düz kenarlıklı bir kenarlık olduğunu belirtir.
inset 3D gömme kenar tanımlar. Efekt border-color değerine bağlıdır.
ridge 3D oluklu kenar tanımlar. Efekt border-color değerine bağlıdır.
outset 3D outset kenar tanımlar. Efekt border-color değerine bağlıdır.
İnital
İnherit

Tarayıcı Desteği
1.0 1.0 4.0 1.0 3.5
Posted on by Samed GÖZÜTOK 1

CSS border-right-style

border-right-style :

Elementin Sağ kenarlık stilini  ayarlamak  için kullanılır.

Örnek

#borderRight{
   border-style: solid;
   border-right-style: dotted;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
none Kenarlık stilinin olmadığını belirtir.
hidden Kenarlığı gizlemek için kullanılır.
dotted noktalı şekilde bir kenarlık olacağını belirtir.
dashed kesik çizgili bir kenarlık olduğunu belirtir.
double çift kenarlıklı bir kenarlık olduğunu belirtir.
solid düz kenarlıklı bir kenarlık olduğunu belirtir.
groove düz kenarlıklı bir kenarlık olduğunu belirtir.
inset 3D gömme kenar tanımlar. Efekt border-color değerine bağlıdır.
ridge 3D oluklu kenar tanımlar. Efekt border-color değerine bağlıdır.
outset 3D outset kenar tanımlar. Efekt border-color değerine bağlıdır.
İnital
İnherit

Tarayıcı Desteği
15.0 15.0 11.0 6.0 15.0
Posted on by Samed GÖZÜTOK 0

CSS border-left-style

Border-left-style :

Elementin Sol kenarlık stilini  ayarlamak  için kullanılır.

Örnek

#borderLeft{
   border-style: solid;
    border-left-style: dotted;
}

Codepen Ön izleme

Css Sözdizimi

Değer Açıklama
none Kenarlık stilinin olmadığını belirtir.
hidden Kenarlığı gizlemek için kullanılır.
dotted noktalı bir kenarlık olduğunu belirtir.
dashed kesik çizgili bir kenarlık olduğunu belirtir.
double çift kenarlıklı bir kenarlık olduğunu belirtir.
solid düz kenarlıklı bir kenarlık olduğunu belirtir.
groove düz kenarlıklı bir kenarlık olduğunu belirtir.
inset 3D gömme kenar tanımlar. Efekt border-color değerine bağlıdır.
ridge 3D oluklu kenar tanımlar. Efekt border-color değerine bağlıdır.
outset 3D outset kenar tanımlar. Efekt border-color değerine bağlıdır.
İnital
İnherit

Tarayıcı Desteği
1.0 1.0 5.5 1.0 9.2
Posted on by Samed GÖZÜTOK 0

CSS border-bottom-style

border-bottom-style:

Uygulanan elementin alt kenarlığına stil vermemizi sağlar.

Örnek:

#border-bottom-style{
  width:50%;
  height: 100px;
  text-align: center;
  border: 3px solid #000;
  border-bottom-style: dashed;
}

See the Pen dYQexy by W3TR (@w3tr) on CodePen.

Css Sözdizimi

Değer Açıklama
none Hiçbir değer verilmez. Varsayılan değerdir.
hidden None değeriyle aynı işlevi görür. Stil verilmemiş sayılır.
dotted Nokta biçiminde stil verir.
dashed Kesik çizgiler halinde stil verir.
solid Düz çizgi halinde stil verir.
double Düz iki çizgi olarak stil verir.
groove Görüntü olarak oyma stili verir.
ridge Çıkıntılı bir sınır gibi stil verir.
inset İçe doğru stil verir.
outset 3D kabartmalı bir sınır olarak stil verir.
initial
inherit

Tarayıcı Desteği
1.0 1.0 5.5 1.0 9.2
Posted on by Samed GÖZÜTOK 1