Etiket: css

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-right-color

border-right-color :

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

Not: Her zaman için önce border-right-color  özelliklerini ayarlayınız. Rengi değiştirmek için önce border elementiniz olması gerekir.

Örnek

#borderRight{
  border-style: solid;
    border-right-color: blue;
    padding: 10px;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
color Sağ kenarlık rengini belirtmek için kullanılır. Olası
transparent Sağ kenarlık renginin transparan yapmak için kullanılır.
İnital
İnherit

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

CSS border-right

border-right :

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

Örnek

#borderRight{
  border-style: solid;
    border-right: thick double blue;
}

Codepen Ön izleme

Css Sözdizimi

Değer Açıklama
border-right-width Sağ kenarlık genişliğini ayarlamak için kullanılır.
border-right-style Sağ kenarlık stilini ayarlamak için kullanılır.
Border-right-color Sağ kenarlık rengini ayarlamak için kullanılır.
İnital
İnherit

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

CSS border-radius

Border-radius :

Elementin köşelerine yuvarlak bir görünüm vermek için kullanılır.

Örnek

#borderRadius{
      border: 3px solid;
    border-radius: 20px;
    padding:20px;
}

Codepen Ön izleme

Css Sözdizimi

Değer Açıklama
length Elementin px,cm,pt,yüzdeli vs. değerler alabileceğini belirtir.
İnital
İnherit

Tarayıcı Desteği
5.0
4.0-webkit		 4.0
4.0-moz		 9.0 5.0
3.1-moz		 10.5
Posted on by Samed GÖZÜTOK 0

CSS border-left-width

border-left-width :

Elementin Sol kenarlık genişliğini  ayarlamak  için kullanılır.

Örnek

#borderLeft{
      border-style: solid;
    border-left-width: 10px;
}

Codepen Ön izleme

Css Sözdizimi

Değer Açıklama
medium Kenarlık genişliğini orta olarak ayarlar.
thin İnce bir sol kenarlık belirtir.
thick Kalın bir sol kenarlık belirtir.
length Elementin px,cm,pt,yüzdeli vs. değerler alabileceğini belirtir.
İ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-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-left-color

Border-left-color :

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

Not: Her zaman için önce border-left-color  özelliklerini ayarlayınız. Rengi değiştirmek için önce border elementiniz olması gerekir.

Örnek

#borderLeft {
      border-style: solid;
    border-left-color: blue;
}

Codepen Ön izleme

Css Sözdizimi

Değer Açıklama
color Sol kenarlık rengini belirtmek için kullanılır.
transparent Sol kenarlık renginin transparan yapmak için kullanılır.
İnital
İnherit

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

CSS border-left

Border-left :

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

Örnek

#borderLeft{ 
border-style: solid;
    border-left: thick double blue;
}

Codepen Ön izleme

Css Sözdizimi

Değer Açıklama
border-left-width Sol kenarlık genişliğini ayarlamak için kullanılır. varsayılan değeri “medium “dur.
border-left-style Sol kenarlık stilini ayarlamak için kullanılır.
Border-left-color Sol kenarlık rengini ayarlamak için kullanılır.
İnital
İnherit

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

CSS border-image-width

border-image-width :

border-image-width özelliği, border ‘ a verilen resmin genişliğini belirtmek için kullanılır.

Örnek

#borderimage{
  border-image:url(http://w3tr.com/file/border.png) 50 round;
    border-image-width: 5px; 
   padding: 10px;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
number 4 kenar içinde width verilecek kenarın hangi kenar olduğunu belirtir.
auto Genişliği otomatik ayarlar.
% Yüzdeli değerler ile genişlik verir.
İ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-image-source

border-image-source : 

border-image-source özelliği, border ‘ a verilen resmi değiştirmek için kullanılır.

örnek

#borderimage {
  border-image-source: url(http://w3tr.com/file/border2.png);
  border-image-slice: 100;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
none Varsayılan değer. Kullanılacak görüntü yok.
image Görüntün yolunu belirtir.
İnital
İnherit

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