Kategori: CSS

Tüm css özellikleri ve anlatımları

CSS3 overflow-y

overflow-y :

visible :

hidden :

scroll :

auto :

Posted on by Samed GÖZÜTOK 1

CSS :visited Seçicisi

:visited Seçicisi

Ziyaret edilen tüm “a” elementlerini seçer.

Versiyon: CSS1

Örnek

a:visited { 
    color: red;
}

Codepen Ön izleme

 

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

CSS3 :valid Seçicisi

:valid Seçicisi

Geçerli değere sahip tüm “input” elementlerini seçer.

Versiyon: CSS3

Örnek

input:valid { 
    background-color: red;
}

Codepen Ön izleme

 

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

CSS3 :target Seçicisi

:target Seçicisi

“target” niteliği taşıyan bağlantıları seçer.

Versiyon: CSS3

Örnek

:target {
    border: 5px solid red;
    background:white;
}

Codepen Ön izleme

 

 

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

CSS3 ::selection Seçicisi

::selection Seçicisi

Kullanıcı tarafından seçilen elementi seçer.

Versiyon: CSS3

Örnek

::-moz-selection { /* firefox için */
    color: yellow;
    background: blue;
}

::selection {
    color: yellow;
    background: blue;
}

Codepen Ön izleme

Tarayıcı Desteği
4.0 2.0 -moz- 9.0 3.1 9.6
Posted on by Samed GÖZÜTOK 0

CSS3 :root Seçicisi

:root Seçicisi

Belgenin kök öğesini seçer.

Versiyon: CSS3

Örnek

:root {
  background: blue;
  color:white;
}

Codepen Ön izleme

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

CSS3 :required Seçicisi

:required Seçicisi

required niteliğini taşıyan “input” elementlerini seçer.

Versiyon: CSS3

Örnek

input:required {
    display:block;
    margin-bottom: 10px;
    background-color: red;
}

Codepen Ön izleme

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

CSS3 :read-write Seçicisi

:read-write Seçicisi

Sadece yazılabilir ve okunabilir “input” elementlerini seçer.

Versiyon: CSS3

Örnek

input:-moz-read-write { /* firefox için */
    background-color: red;
    display: block;
}

input:read-write {
    background-color: red;
    display: block;
}

Codepen Ön izleme

Tarayıcı Desteği
Evet -moz- desteklenmiyor. Evet Evet
Posted on by Samed GÖZÜTOK 0

CSS3 :read-only Seçicisi

:read-only Seçicisi

Belirtilen read-only elementi seçer.

Versiyon: CSS3

Örnek

input:-moz-read-only firefox için
    background-color: red;
    display:block;
    margin-bottom: 10px;
}
input:read-only {
    background-color: red;
    display:block;
    margin-bottom: 10px;
}

Codepen Ön izleme

Tarayıcı Desteği
Evet -moz- desteklemiyor. Evet Evet
Posted on by Samed GÖZÜTOK 0