Etiket: outset

CSS border-image-outset

border-image-outset :

border-image-outset özelliği, border ‘ ın belirtilen boyuttan ne kadar dışarı taşacağını beliritir.

Örnek

#borderimage{
        -webkit-border-image: url(http://w3tr.com/file/border.png) 50 round;
    -o-border-image: url(http://w3tr.com/file/border.png) 50 round; 
    border-image: url(http://w3tr.com/file/border.png) 50 round;;
      border-image-outset: 10px;}

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
length Ne kadar taşacağını belirler. Varsayılan değer 0 ‘ dır.
number Borderların sıralamasına göre uzaklık atamamızı sağlar.
İ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-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