Etiket: radius

CSS border-top-right-radius

border-top-right-radius :

Elementin sağ üst yuvarlak bir görünüm vermek için kullanılır.

Örnek

#borderRightRadius{
    border: 5px solid blue;
    border-top-right-radius: 20px;
    padding: 10px;
}

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
3.0-moz		 9.0 5.0
3.1-o		 10.5
Posted on by Samed GÖZÜTOK 1

CSS border-top-left-radius

border-top-left-radius :

Elementin sol üst yuvarlak bir görünüm vermek için kullanılır.

Örnek

#borderLeftRadius{
    border: 2px dashed;
    border-top-left-radius: 5px;
    padding: 10px;
}

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
3.0-webkit		 9.0 5.0
3.1-webkit		 10.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-bottom-right-radius

border-bottom-right-radius:

Uygulanan elementin sağ alt köşesine yuvarlak bir görünüm vermemizi sağlar.

Örnek:

#border-bottom-right-radius{
  width: 50%;
  height: 100px;
  text-align: center;
  border: 3px solid #000;
  border-bottom-right-radius: 2em;
}

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

Css Sözdizimi

Değer Açıklama
length Sol alt köşede şeklini tanımlar . Varsayılan değer 0’dır.
% % Olarak sağ alt köşesinde şeklini tanımlar.
inital
inherit

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

CSS border-bottom-left-radius

border-bottom-left-radius:

Uygulanan elementin sol alt köşesine yuvarlak bir görünüm vermemizi sağlar.

Örnek:

#border-bottom-left-radius{
  width: 50%;
  height: 100px;
  text-align: center;
  border: 3px solid #000;
  border-bottom-left-radius: 2em;
}

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

Css Sözdizimi

Değer Açıklama
length Sol alt köşede şeklini tanımlar . Varsayılan değer 0’dır.
% % Olarak sol alt köşesinde şeklini tanımlar.
inital
inherit

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