02-03-2015, 12:16 PM
Bugün sizlere CSS de Metin(Text)özelliğii anlatıcağım.Aslında basit bir özellik.
text-indent
aragrafın ilk yazılan cümlenin içeriye kaydırmasına yarar.
Örnek:
p {
text-indent: 8px;
}
Text-align:Elementin başka elementlere göre hizalama için kullanılır.
Örnek:
p {
text-align: justify;
}
vertical-align:Elementi dikey hizalamada kullanılır.
Aldığı değerler:
sub : Altsimge.
text-top: Metinin içeriğne göre yukarı.
top : Elemente göre yukarı.
super : Üstsimge.
baseline : Metinin içeriğine göre orta.
middle : Elemente göre orta .
text-bottom : Metinin içeriğine göre alt.
bottom : Elemente göre alt .
Örnek:
img {
vertical-align: sub;
}
word-spacing:Kelimeler arasındaki boşluğu belirlemeye yarar.
p {
word-spacing: 20px;
}
line-height:
Satırların yüksekliğini belirler.
Aldığı değerler:
normal
pixel
½
letter-spacing:Harfler arasındaki boşluğu belirlemeyi sağlar.
Örnek:
p {
letter-spacing: 3px;
}
text-decoration:Bazı linklerdeki altında çizgiler oluşur ve onları kaldırıp koymamıza yarar.
Aldığı değerler:
none,overline,underline,line-through,blink
Örnek:
a:link, a:visited, a:active {
text-decoration: none
}
text-transform:Metinimizi Büyük yada küçük harfe çevirmemizi sağlar.
Aldığı değerler:
lowercase:hepsi küçük harf.
uppercase:büyük harf.
capitalize
adece baş harfler büyük.
Örnek:
p {
text-transform: lowercase;
}
Bugünlük bu kadar arkadaşlar bir dahaki derste görüşmek üzere.
text-indent
aragrafın ilk yazılan cümlenin içeriye kaydırmasına yarar.Örnek:
p {
text-indent: 8px;
}
Text-align:Elementin başka elementlere göre hizalama için kullanılır.
Örnek:
p {
text-align: justify;
}
vertical-align:Elementi dikey hizalamada kullanılır.
Aldığı değerler:
sub : Altsimge.
text-top: Metinin içeriğne göre yukarı.
top : Elemente göre yukarı.
super : Üstsimge.
baseline : Metinin içeriğine göre orta.
middle : Elemente göre orta .
text-bottom : Metinin içeriğine göre alt.
bottom : Elemente göre alt .
Örnek:
img {
vertical-align: sub;
}
word-spacing:Kelimeler arasındaki boşluğu belirlemeye yarar.
p {
word-spacing: 20px;
}
line-height:
Satırların yüksekliğini belirler.
Aldığı değerler:
normal
pixel
½
letter-spacing:Harfler arasındaki boşluğu belirlemeyi sağlar.
Örnek:
p {
letter-spacing: 3px;
}
text-decoration:Bazı linklerdeki altında çizgiler oluşur ve onları kaldırıp koymamıza yarar.
Aldığı değerler:
none,overline,underline,line-through,blink
Örnek:
a:link, a:visited, a:active {
text-decoration: none
}
text-transform:Metinimizi Büyük yada küçük harfe çevirmemizi sağlar.
Aldığı değerler:
lowercase:hepsi küçük harf.
uppercase:büyük harf.
capitalize
adece baş harfler büyük.Örnek:
p {
text-transform: lowercase;
}
Bugünlük bu kadar arkadaşlar bir dahaki derste görüşmek üzere.
