white-space Özelliği Temel Özellikler
- CSS Yazımı :
white-space: normal | pre | nowrap | pre-wrap | pre-line;- Örnek :
white-space: pre-wrap;|white-space: nowrap;- Öntanımlı Değer :
normal- Uygulanabilen Etiketler :
- Tüm ögeler.
- Kalıtsallık :
- Var
- Tarayıcı Desteği :
- Tüm Tarayıcılar
- Animasyon :
- Desteklenmiyor
animationÖzelliği - Javascript :
öge.style.whiteSpace = "pre-line";- Sürüm :
- CSS2 (düz. 1) / CSS Text Module Level 3
- Açıklama :
white-space Özelliği Kullanımı
Markanız için 300X300 alan.
CSS white-space özelliği; ögenin içindeki beyaz boşluğun nasıl ele alınacağını belirler.
Sözcükleri kırmak için overflow-wrap özelliği, word-break özelliği, ya da hypens özelliğini kullanın.
Aşağıdaki tablo size white-space özelliğinin aldığı değerlerin nasıl davrandığını özetliyor :
| Yeni Satır | Boşluklar ve Tab | Metin Kaplama | |
|---|---|---|---|
normal |
Çöker | Çöker | Kaplar |
nowrap |
Çöker | Çöker | Kaplama Yok |
pre |
Yansıtılır | Yansıtılır | Kaplama Yok |
pre-wrap |
Yansıtılır | Yansıtılır | Kaplar |
pre-line |
Yansıtılır | Çöker | Kaplar |
white-space Özelliği Tarayıcı Desteği
MasaüstüTaşınabilir
| Tarayıcı →Özellik ↓ | |||||
|---|---|---|---|---|---|
| Temel Destek | 1 | 4 | 1 | 1 | 5.5 |
pre |
1 | 4 | 1 | 1 | 6 |
pre-wrap |
1 - 3.6 -moz-3 |
8 | 3 | 1 | 8 [1] |
pre-line |
3.5 | 9.5 | 3 | 1 | 8 |
<textarea> Etiketi |
36 | 4 | 1 | 1 | 5.5 |
| SVG | 36 | ? | ? | Yok | ? |
| Tarayıcı →Özellik ↓ | |||||
|---|---|---|---|---|---|
| Temel Destek | ? | ? | ? | ? | Var |
pre |
? | ? | ? | ? | ? |
pre-wrap |
? | ? | ? | ? | ? |
pre-line |
? | ? | ? | ? | ? |
<textarea> Etiketi |
? | ? | ? | ? | ? |
| SVG | ? | ? | ? | ? | ? |
[1] İnternet Explorer 5.5'ten 7'ye kadar pre ögelerinde word-wrap: break-word;
white-space Özelliğinin Alabileceği Değerler
normal- Birden fazla beyaz boşluk çökertilir. Yeni satır tamgaları da beyaz boşluk olarak kabul edilir. Satırlar satır kutusunun doldurulması gerektiğinde kırılır.
nowrap- Beyaz boşluklar
normalgibi çökertilir. Ama kaynaktaki satır atlamalarını bastırır. pre- Birden fazla boşluk yansıtılır. Satır atlamaları kaynak kodtaki gibi ve ayrıca da
<br>etiketi görülen yerlerde gerçekleşir. pre-wrap- Birden fazla boşluk yansıtılır. Satır atlamaları, kaynak kodtaki gibi,
<br>etiketi görülen yerlerde, ve de satır kutusunun doldurulması gerektiğinde gerçekleşir. pre-line- Birden fazla beyaz boşluk çökertilir. Satır atlamaları, kaynak kodtaki gibi,
<br>etiketi görülen yerlerde, ve de satır kutusunun doldurulması gerektiğinde gerçekleşir.