CSS padding-top

padding-top :

Bir elementin üst tarafından iç boşluk vermek için kullanılır.

Örnek

div {
  width: 200px;
  border : 1px solid red;
  padding-top: 50px;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
length px, cm, % gibi değerler alabilir.
İnital
İnherit

Tarayıcı Desteği

1.0 1.0 4.0 1.0 3.5

CSS padding-right

padding-right :

Bir elemente sağ tarafından iç boşluk vermek için kullanılır.

Örnek

div {
  width: 100px;
  border: 1px solid red;
  padding-right: 50px;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
length px, cm, % gibi değerler alabilir.
İnital
İnherit

Tarayıcı Desteği

1.0 1.0 4.0 1.0 3.5

CSS padding-left

padding-left :

Bir elementin sol tarafından iç boşluk vermek için kullanılır.

Örnek

div {
  width: 300px;
  border: 1px solid red;
  padding-left: 50px;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
length px, cm, % gibi değerler alabilir.
İnital
İnherit

Tarayıcı Desteği

1.0 1.0 4.0 1.0 3.5

CSS padding-bottom

padding-bottom :

Bir elementin alt tarafından iç boşluk vermek için kullanılır.

Örnek

div {
  width: 300px;
  border : 1px solid red;
  padding-bottom: 50px;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
length px, cm, % gibi değerler alabilir.
İnital
İnherit

Tarayıcı Desteği

1.0 1.0 4.0 1.0 3.5

CSS padding

padding :

Bir elemente iç boşluk vermek için kullanılır.

Örnek

div {
  border: 1px solid green;
  width: 200px;
  padding: 50px;
}

Codepen Ön izleme

Css Sözdizimi

Değer Açıklama
length Yüzdeli, px, em, cm gibi değerler alabilir.
İnital
İnherit

Tarayıcı Desteği

1.0 1.0 4.0 1.0 3.5