Etiket: css

CSS page-break-after

page-break-after :

Basılacak dökümanın sonuna ne kadar kenar boşluğu verileceğini belirlemek için kullanılır.

Not:Bu özelliği boş bir  < div > veya position:absolute elementler üzerinde kullanamazsınız.

Örnek

@media print {
    footer {page-break-after: always;}
}

 

Css Sözdizimi

Değer Açıklama
auto Üretilen çerçeveden önce/sonra/içinde bir sayfa kesmesini ne yasaklar ne de zorlar
always Üretilen çerçeveden önce/sonra bir sayfa kesmesi daima yapılır.
avoid Üretilen çerçeveden önce/sonra/içinde bir sayfa kesmesini yasaklar.
left Sonraki sayfanın bir sol sayfa olarak biçimlenmesini sağlamak için üretilen çerçeveden önce/sonra bir veya iki sayfa kesmesi yapılır.
right Sonraki sayfanın bir sağ sayfa olarak biçimlenmesini sağlamak için üretilen çerçeveden önce/sonra bir veya iki sayfa kesmesi yapılır.
length px, cm, % gibi değerler alabilir.
İnital
İnherit

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

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
Posted on by Samed GÖZÜTOK 0

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
Posted on by Samed GÖZÜTOK 0

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
Posted on by Samed GÖZÜTOK 0

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
Posted on by Samed GÖZÜTOK 0

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
Posted on by Samed GÖZÜTOK 1

CSS3 overflow-y

overflow-y :

Bir elementin içindeki yukarı ve aşağı yöndeki taşmalarının nasıl olacağını belirlemek için kullanılır.

Örnek

div {
  width: 500px;
  height: 300px;
  overflow-y: hidden;
  overflow: scroll;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
visible Taşma gizlenmez.
hidden Taşma gizlenir.
scroll Taşma scroll ile gizlenir.
auto Taşma otomatik ayarlanır.
İnital
İnherit

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

CSS3 overflow-x

overflow-x :

Bir elementin içindeki sağ ve sol yöndeki taşmalarının nasıl olacağını belirlemek için kullanılır.

Örnek

div {
  width: 300px;
  height: 200px;
  overflow-x: hidden;
  border: 1px solid green;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
visible Taşma gizlenmez.
hidden Taşma ebgellenir.
scroll Taşma scroll ile gizlenir.
auto Taşma otomatik ayarlanır.
İnital
İnherit

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

CSS overflow

overflow :

Bir elementin içindeki taşmaların ne olacağını belirlemek için kullanılır.

Örnek

div {
  width: 400px;
  height: 400px;
  overflow: scroll;
  background: red;
  color: white;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
visible Taşma engellemez.
hidden Taşmayı engellemek için kullanılır.
scroll Taşma scroll ile gizlenir.
auto Taşma otomaik olarak ayarlanır.
İnital
İnherit

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

CSS outline-width

outline-width :

Bir elementin outline çizgisinin kalınlığını belirlemek için kullanılır.

Örnek

div {
  width: 300px;
  padding: 20px;
  outline-style: dashed;
  outline-color: green;
  outline-width: 10px;
  margin: 30px;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
medium Outline genişliğini orta olarak ayarlar.
thin Outline genişliğini ince olarak ayarlar.
thick Outline genişliğini kalın olarak ayarlar.
length px, cm, % gibi değerler alabilir.
İnital
İnherit

Tarayıcı Desteği
1.0 1.5 8.0 1.2 7.0
Posted on by Samed GÖZÜTOK 0