Etiket: border-width

CSS border-width

Border-witdh :

Elementin kenarlık kalınlığını belirlemek için kullanılır.

Örnek

#border{
    border-style: DOTTED;
    border-width: 5px;
    padding: 10px;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
medium Kenarlık genişliğini orta olarak ayarlar.
thin İnce bir kenarlık olacağını belirtir.
thick Kalın bir kenarlık olacağını 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 2

CSS border-bottom

border-bottom:

HTML elemanlarının alt kenarına istenilen şekilde, renkte ve ölçüde kenarlık eklememizi sağlar.

Örnek:

#border-bottom{
  width: 100%;
  height: 100px;
  border-bottom: 5px solid red;
}

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

Css Sözdizimi

Değer Açıklama
border-bottom-width Sınırın genişliğini belirtir. Varsayılan değeri medium.
border-bottom-style Sınırın sitilini belirtir. Varsayılan değeri none.
border-bottom-color Sınırın rengini belirtir. Varsayılan değer elementin rengini alır.
initial
inherit

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

CSS border

border:

Border, HTML elemanlarının kenarlarına istenilen şekilde, renkte ve ölçüde kenarlık eklememizi sağlar.

Örnek:

#border{
  width: 50%;
  height: 100px;
  border: 10px solid red;
}

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

Css Sözdizimi

Değer Açıklama
border-width Sınırın genişliğini belirtir. Varsayılan değeri medium.
border-style Sınırın sitilini belirtir. Varsayılan değeri none.
border-color Sınırın rengini belirtir. Varsayılan değer elementin rengini alır.
initial
inherit

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