Etiket: color

CSS text-decoration-color

text-decoration-color :

Metinlere eklediğimiz dekorasyon özelliklerini  rengini belirlemek için kullanılır.

Not: text-decoration-color özelliği sadece text-decoration özelliği ile beraber kullanılırsa görünür olur. Aksi takdirde görünmez.

Örnek

p{
  text-decoration: overline;
  -moz-text-decoration-color: green; /*Firefox */
   text-decoration-color: green;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
color Dekorasyon özelliğinin rengini belirlemek için kullanılır.
İnital
İnherit

Tarayıcı Desteği
Desteklenmiyor 6.0-moz Desteklenmiyor Desteklenmiyor Desteklenmiyor
Posted on by Samed GÖZÜTOK 0

CSS outline-color

outline-color :

Outline’ın rengini belirlemek için kullanılır.

Örnek

div {
    width: 200px;
    padding: 50px;
    outline-style: dashed;
    outline-color: #00ff00;
}

Codepen Ön izleme

 

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
invert Rengi arka planı gösterecek şekilde şeffaf yapar.
color Bir renk değeri alır.
İnital
İnherit

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

CSS3 column-rule-color

Column-rule-color :

Sütunlar arasındaki kesmenin rengini ayarlar.

Örnek

.column{
      -webkit-column-count: 3;
    -webkit-column-gap: 30px;
    -webkit-column-rule-style: outset;
    -webkit-column-rule-color: blue;

    /* Firefox */
    -moz-column-count: 3;
    -moz-column-gap: 30px;
    -moz-column-rule-style: outset;
    -moz-column-rule-color: blue;

    column-count: 3;
    column-gap: 30px;
    column-rule-style: outset;
    column-rule-color: blue;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
color Sütunlar arasındaki kesmenin rengini belirlemek için kullanılır
İnital
İnherit

Tarayıcı Desteği
4.0-webkit 2.0-moz 10.0 3.1-webkit 11.1
15.0-webkit
Posted on by Samed GÖZÜTOK 0

CSS color

Color :

color özelliği metnin rengini belirler.

Örnek

.color {
  color: blue;
}
.color strong {
  color: red;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
color Metnin rengini belirtir.
İnital
İnherit

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

CSS border-top-color

border-top-color :

Elementin üst kenarlık rengini ayarlamak  için kullanılır.

Not: Her zaman için önce border-top-color  özelliklerini ayarlayınız. Rengi değiştirmek için önce border elementiniz olması gerekir.

Örnek

#borderTop{
      border-style: dotted;
    border-top-color: blue;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
color üst kenarlık rengini belirtmek için kullanılır.
transparent üst kenarlık renginin transparan yapmak için kullanılır.
İ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 border-right-color

border-right-color :

Elementin Sağ kenarlık rengini ayarlamak  için kullanılır.

Not: Her zaman için önce border-right-color  özelliklerini ayarlayınız. Rengi değiştirmek için önce border elementiniz olması gerekir.

Örnek

#borderRight{
  border-style: solid;
    border-right-color: blue;
    padding: 10px;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
color Sağ kenarlık rengini belirtmek için kullanılır. Olası
transparent Sağ kenarlık renginin transparan yapmak için kullanılır.
İ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 border-left-color

Border-left-color :

Elementin Sol kenarlık rengini ayarlamak  için kullanılır.

Not: Her zaman için önce border-left-color  özelliklerini ayarlayınız. Rengi değiştirmek için önce border elementiniz olması gerekir.

Örnek

#borderLeft {
      border-style: solid;
    border-left-color: blue;
}

Codepen Ön izleme

Css Sözdizimi

Değer Açıklama
color Sol kenarlık rengini belirtmek için kullanılır.
transparent Sol kenarlık renginin transparan yapmak için kullanılır.
İnital
İnherit

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

CSS border-color

border-color :

Border-color özelliği bir elementin dört sınırlarının rengini ayarlar. Bu özellik bir ila dört değerlere sahip olabilir.

Not: border-color özelliğinden önce border-style özelliğinin tanımlanmış olması gerekir.

Örnek

p.tekli {
    border-style: solid;
    border-color: #0000ff;
}

p.ikili {
    border-style: solid;
    border-color: #ff0000 #0000ff;
}

p.uclu {
    border-style: solid;
    border-color: #ff0000 #00ff00 #0000ff;
}

p.dortlu {
    border-style: solid;
    border-color: #ff0000 #00ff00 #0000ff rgb(250,0,255);
}

Codepen Ön izleme

Css Sözdizimi

Değer Açıklama
color Arkaplan rengini belirler varsayılan değer siyahtır.
transparent Rengin şeffaf olması gerektiğ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 0

CSS border-bottom-color

border-bottom-color:

border-bottom-color özelliği, border rengini değiştirebilmek için kullanılır.

Örnek:

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

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

Css Sözdizimi

Değer Açıklama
color Arka plan rengini belirler. Varsayılan değeri elementin rengidir.
transparent Border’ın renginin şeffaf olması gerektiğini belirtir.
initial
inherit

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