Yazar: Samed GÖZÜTOK

CSS text-decoration-line

text-decoration-line :

Çizgi eklemek veya kaldırmak için kullanılır.

Not: text-decoration-line özeliklerini text-decoration-line, text-decoration-style ve the text-decoration-color özelliklerini kullanarakda ayarlayabilirsiniz. Ayrıca overline ve underline satır altında veya metnin üstünde gösterebilmek için birden fazla değeri birleştirebilirsiniz.

Örnek

p{
   -moz-text-decoration-line: underline; /* Code for Firefox */
    text-decoration-line: underline;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
none Hiç bir çizgi eklemez.
underline Metinin altını çizmek için kullanılır.
overline Metinin üstünü çizmek için kullanılır.
Line-through Metinin üzerini çizmek 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 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 text-decoration

text-decoration :

Metinlere dekorasyon özellikleri eklemek yada kaldırmak için kullanılır.

Not: CSS3 için metin düzenleme özellikleri text-decoration-line, text-decoration-color ve text-decoration-style kestirme kodlardır fakat şuan büyük tarayıcıların hiç biri desteklemediği için kullanılamamaktadır.

Not2: CSS3 içinde decoration rengini değiştirmek için text-decoration-color kullanmanız gerekir aksi takdirde decoration rengi metin rengi ile aynı renk olacaktır.

Örnek

.overline{
  text-decoration: overline;
}
.underline{
  text-decoration: underline;
}
.line-through {
  text-decoration: line-through;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
none Hiç bir dekorasyon özelliği eklenmez.
underline Satırın altını çizmek için kullanılır.
overline Satırın üstünü çizmek için kullanılır.
Line-through Metnin üzerini çizmek için kullanılır.
İ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 text-align-last

text-align-last :

metinin son satırını hizalamak için kullanılır.

Örnek

p {
  text-align: center;
  -moz-text-align-last: left; /* Code for Firefox */
   text-align-last: left;
}

Codepen Ön izleme

 

Codepen Ön izleme

Css Sözdizimi

Değer Açıklama
auto Metinin son satırını eşit genişliğe ayarlar ve sola hizalar.
left Metinin son satırını sola hizalar.
right Metinin son satırını sağa hizalar.
center Metinin son satırını ortalar.
justify Metinin son satır çizgilerini eşit genişliğe ayarlar.
İnital
İnherit

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

CSS text-align

text-align :

metin hizalaması için kullanılır.

Örnek

.sag{
  text-align: right; 
}
.sol {
  text-align: right;
}
.orta {
   text-align: center;
}

Codepen Ön izleme

Css Sözdizimi

Değer Açıklama
left Metni sola hizalar.
right Metni sağa hizalar.
center Metni ortalar.
justify Metindeki her satırı eşit genişliğe ayarlar.
İ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 table-layout

table-layout :

Tablo düzeninin ayarlamasında kullanılır.

Örnek

table {
  table-layout: fixed;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
auto Tablo düzeni içeriğine göre otomatik olarak ayarlanır.
fixed Tablo düzenini sabitlemek için kullanılır.
İnital
İnherit

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

CSS tab-size

tab-size :

sekme karakteri için kullanılan alanın uzunluğunu belirlersekme karakteri genellikle tek bir uzay-karakter olarak, dışında bazı < pre > ve < textarea > gibi öğeleri için görüntülenir ve tab-size özelliği sonucu sadece bu öğeler için görünür olacaktır.

Örnek

pre {
    -moz-tab-size: 8; /*  Firefox */
    -o-tab-size: 8; /* Opera 10.6-12.1 */
    tab-size: 8;
}

Codepen Ön izleme

Css Sözdizimi

Değer Açıklama
number Her sekme karakteri için gözükmesini istediğimiz alanın karakter sayısını belirleriz.
length px, cm, % gibi değerler alabilir. Bu işlemi hiç bir tarayıcı desteklemez.
İnital
İnherit

Tarayıcı Desteği
21.0 4.0-moz Desteklenmiyor. 6.1 15.0
10.0-o
Posted on by Samed GÖZÜTOK 0

CSS right

right :

Position: absolute olarak konumlandırılmış elementler için position: relative’li elementin right değerine göre ayarlanır.

Position: relative li elementli nesneler için ise kendi bulunduğu konumuna göre right değerini kazanır.

Not: position: static te hiçbir etkisi yoktur.

Örnek

.relative {
  position: relative;
  border :1px solid red;
  width: 300px;
  height: 300px;
}
.absolute {
  position : absolute;
   width: 150px;
  height: 150px;
  border : 1px solid green;
  right: 40px;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
auto otomatik olarak ayarlanır.
length Elementin px,cm,pt,yüzdeli vs. değerler alabileceğini belirtir.
İnital
İnherit

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

CSS3 resize

resize :

bir elementin kullanıcı tarafından yeniden boyutlandırılabilir olup olmadığını belirlemek için kullanılır.

Örnek

div {
  width: 500px;
  height: 200px;
  overflow: hidden;
  resize: vertical;
  border : 1px solid red;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
none Elementin yeniden boyutlandırılamayacağını belirtir.
both Elementin genişliği ve yüksekliğinin yeniden boyutlandırılabilir.
horizontal Elementin sadece genişliği yeniden boyutlandırılabilir.
vertical Elementin sadece yüksekliği yeniden boyutlandırılabilir.
İnital
İnherit

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

CSS quotes

quotes :

Belirlenen tırnak işareti üretmek için kullanılır.

Örnek

q {
  quotes: "<"">" ;
}

Codepen Ön izleme

Css Sözdizimi

Değer Açıklama
none Herhangi bir tırnak işareti üretilmeyeceği belirtilir.
string İki farklı tırnak işareti eklenmek için kullanılır
İnital
İnherit

Karakter Tablosu

karakter Numarası
“ "
‘ '
‹ ‹
> ›
« «
» »
‘ ‘
’ ’
“ “
” ”

Tarayıcı Desteği
11.0 1.5 8.0 5.1 4.0
Posted on by Samed GÖZÜTOK 0