CSS3 Yazı
CSS3 birçok yeni metin özellikler içerir.
Bu bölümde aşağıdaki metin özellikleri hakkında öğreneceksiniz:
-
text-overflow -
word-wrap -
word-break
Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
-O ardından Numaraları önek ile çalıştı ilk sürümü belirtin.
| özellik | |||||
|---|---|---|---|---|---|
| text-overflow | 4.0 | 6.0 | 7.0 | 3.1 | 11.0 9.0 -o- |
| word-wrap | 23.0 | 5.5 | 3.5 | 6.1 | 12.1 |
| word-break | 4.0 | 5.5 | 15.0 | 3.1 | 15.0 |
CSS3 Metin Taşma
CSS3 text-overflow özelliği kullanıcıya sinyal nasıl olması gerektiği taşan içerik görüntülenir olmadığını belirtir.
Bu kırpılmış edilebilir:
Bu kutuya sığmaz bazı uzun metindir
yoksa üç nokta olarak kılınabilir (...) :
Bu kutuya sığmaz bazı uzun metindir
aşağıdaki gibi CSS kod şudur:
Örnek
p.test1 {
white-space: nowrap;
width: 200px;
border: 1px solid #000000;
overflow: hidden;
text-overflow: clip;
}
p.test2 {
white-space: nowrap;
width: 200px;
border: 1px solid #000000;
overflow: hidden;
text-overflow: ellipsis;
} Kendin dene " Aşağıdaki örnek öğenin üzerine gelindiğinde Eğer taşan içeriğini görüntüleyebilir gösterir:
CSS3 Sözcük Kaydırma
CSS3 word-wrap özelliği uzun kelimeler kırık ve sonraki satıra kaydırılır edilmesi mümkün olmasını sağlar.
Bir kelime bir alanda sığmayacak kadar uzun ise, dışarı doğru genişleyerek:
Bu paragraf çok uzun kelime içerir: thisisaveryveryveryveryveryverylongword . Uzun kelime kırmak ve sonraki satıra kaydırılır.
sözcük kaydırma özelliği sarmak için metin zorlamak için izin verir - bir kelimenin ortasında bölme bunu anlamına gelse bile:
Bu paragraf çok uzun kelime içerir: thisisaveryveryveryveryveryverylongword . Uzun kelime kırmak ve sonraki satıra kaydırılır.
aşağıdaki gibi CSS kod şudur:
Örnek
Uzun kelimeler kırılacak edebilmek ve bir sonraki satıra kaydırılır izin verin:
p {
word-wrap: break-word;
}
Kendin dene " CSS3 Kelime Breaking
CSS3 word-break özelliği hat kırma kurallarını belirler.
Bu paragraf, bazı metin içeriyor. Bu hat-kıracak-at-tire.
Bu paragraf, bazı metin içeriyor. çizgiler herhangi karakterde kıracak.
aşağıdaki gibi CSS kod şudur:
Egzersizleri ile Yourself test edin!
Egzersiz 1 » Alıştırma 2» Egzersiz 3 »
CSS3 Metin Özellikleri
Aşağıdaki tabloda, yeni CSS3 metin özelliklerini listeler:
| özellik | Açıklama |
|---|---|
| text-align-last | Bir metnin son satırını hizalamak nasıl belirler |
| text-emphasis | tek bildiriminde metin vurgu stili ve metin vurgu-renk ayarı için bir steno |
| text-justify | nasıl haklı metin hizalanmış ve aralıklı olmalıdır belirtir |
| text-overflow | kullanıcıya sinyal edilmelidir gösterilmez nasıl taşan içeriği belirtir |
| word-break | olmayan CJK komut dosyaları için hat kırma kuralları belirler |
| word-wrap | Uzun kelimeler sonraki satıra kırık olması ve sarmak mümkün verir |