Forum'da ara:
Ara


Yazar Mesaj
Mesaj01.08.2008, 09:16 (UTC)    
Mesaj konusu: CSS'de Metinleri(Text leri)n Bazı Özellikli Kodları

Font ile Metin(Text) arasında ne fark var ikiside aynı diyorsanız yanılıyorsunuz.

Font özellikleri metni oluşturan karakterlerini nasıl olacağını belirlerken, Metin(Text) özellikleri sayfadaki metinlerin düzenini kontrol eder. Metin özellikleri metin düzeni için çok avantajlı özellikler getirmiştir.
................................
text-indent

Paragrafların ilk cümlelerin soldan içeriye kaydırılması için kullanılan bir özelliktir.

Kod:
p {
text-indent: 10px;
}

..................................
text-align

Bir elemntin diğerlerine göre hizasını berlilemek için kullanılır. Sadece metinler için kullanılmaz, diğer elementler içinde kullanılır.

Kod:
p {
text-align: justify;
}

..............................
vertical-align

Bir elementin içeriğinin dikey hizalaması için kullanılır.

bu değerleri koddaki baseline yerini değiştirerek yazabilirsiniz...

* baseline : Orta(metin içeriğine göre)
* sub : Altsimge
* super : Üstsimge
* top : Yukarı(elemente göre)
* text-top: Yukarı (Metin içeriğine göre)
* middle : Orta (Elemente göre)
* bottom : Alt (Elemente göre)
* text-bottom : Alt(Metin içeriğine göre)

Aldığı Değerler :<yüzde> | baseline | sub | super | top | text-top | middle | bottom | text-bottom

Kod:
img {
vertical-align: baseline;
}

......................................
line-height

Satırlar arasındaki yüksekliği belirler. normal, pixel veya yüzde değerlerin den birini alabilir.

Kod:
div{
line-height:30px
}

......................................
word-spacing

Kelimeler arasındaki boşluk değerini belirler. Eksi değer alabilir.

p {
word-spacing: 10px;
}
...................................
letter-spacing

Harfler arasındaki boşluk değerini belirler. Eksi değer alabilir.

Kod:

p {
letter-spacing: 5px;
}

..........................................
text-transform

Metnin Büyük-Küçük harf çevirmek için kullanılır.

Aldığı Değerler : none | capitalize | uppercase | lowercase

* uppercase(hepsini büyük harf yap)
* lowercase(hepsini küçük harf yap)
* capitalize(sadece baş harfleri büyük yap)
Kod:

p {
text-transform: capitalize;
}

..............................................
text-decoration.

Bu özellik metinlerimize özel işaretler koymamızı sağlar. Örneğin metinlerizin altını çizmek gibi.

Aldığı Değerler : none | [ underline || overline || line-through || blink ]
Kod:

a:link, a:visited, a:active {
text-decoration: none
}




BU KODLARI CSS DESİGN TASARIMINDA KULLANABİLİRSİNİZ
(style tagleri olmadan yazınız bölümüne)

YOK BAŞKA TASARIM KULLANIYORSANIZ
<style></style> TAGLERİ ARASINA KOYABİLİRSİNİZ...
(Tasarımın üzerindeki yazı bölümüne)

______________
BİR BEDAVA-SİTEM KLASİĞİ... MİSTANBUL.TR.GG.
Mesaj01.08.2008, 10:29 (UTC)    
Mesaj konusu: Re: CSS'de Metinleri(Text leri)n Bazı Özellikli Kodları

mistanbul yazmış:
Font ile Metin(Text) arasında ne fark var ikiside aynı diyorsanız yanılıyorsunuz.

Font özellikleri metni oluşturan karakterlerini nasıl olacağını belirlerken, Metin(Text) özellikleri sayfadaki metinlerin düzenini kontrol eder. Metin özellikleri metin düzeni için çok avantajlı özellikler getirmiştir.
................................
text-indent

Paragrafların ilk cümlelerin soldan içeriye kaydırılması için kullanılan bir özelliktir.

Kod:
p {
text-indent: 10px;
}

..................................
text-align

Bir elemntin diğerlerine göre hizasını berlilemek için kullanılır. Sadece metinler için kullanılmaz, diğer elementler içinde kullanılır.

Kod:
p {
text-align: justify;
}

..............................
vertical-align

Bir elementin içeriğinin dikey hizalaması için kullanılır.

bu değerleri koddaki baseline yerini değiştirerek yazabilirsiniz...

* baseline : Orta(metin içeriğine göre)
* sub : Altsimge
* super : Üstsimge
* top : Yukarı(elemente göre)
* text-top: Yukarı (Metin içeriğine göre)
* middle : Orta (Elemente göre)
* bottom : Alt (Elemente göre)
* text-bottom : Alt(Metin içeriğine göre)

Aldığı Değerler :<yüzde> | baseline | sub | super | top | text-top | middle | bottom | text-bottom

Kod:
img {
vertical-align: baseline;
}

......................................
line-height

Satırlar arasındaki yüksekliği belirler. normal, pixel veya yüzde değerlerin den birini alabilir.

Kod:
div{
line-height:30px
}

......................................
word-spacing

Kelimeler arasındaki boşluk değerini belirler. Eksi değer alabilir.

p {
word-spacing: 10px;
}
...................................
letter-spacing

Harfler arasındaki boşluk değerini belirler. Eksi değer alabilir.

Kod:

p {
letter-spacing: 5px;
}

..........................................
text-transform

Metnin Büyük-Küçük harf çevirmek için kullanılır.

Aldığı Değerler : none | capitalize | uppercase | lowercase

* uppercase(hepsini büyük harf yap)
* lowercase(hepsini küçük harf yap)
* capitalize(sadece baş harfleri büyük yap)
Kod:

p {
text-transform: capitalize;
}

..............................................
text-decoration.

Bu özellik metinlerimize özel işaretler koymamızı sağlar. Örneğin metinlerizin altını çizmek gibi.

Aldığı Değerler : none | [ underline || overline || line-through || blink ]
Kod:

a:link, a:visited, a:active {
text-decoration: none
}




BU KODLARI CSS DESİGN TASARIMINDA KULLANABİLİRSİNİZ
(style tagleri olmadan yazınız bölümüne)

YOK BAŞKA TASARIM KULLANIYORSANIZ
<style></style> TAGLERİ ARASINA KOYABİLİRSİNİZ...
(Tasarımın üzerindeki yazı bölümüne)

Miss gibi paylaşım saol Smile
Mesaj01.08.2008, 10:48 (UTC)    
Mesaj konusu:

SAĞOLASIN BİRADER. Wink
______________
@sonsahne: tr.gg harici site reklamı yasaktır.
Mesaj01.08.2008, 21:28 (UTC)    
Mesaj konusu:

alıntı yaptığında altına alıntıdır diye yaz bence Wink
______________


Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu