Desteklenmeyen CSS özellikleri ve geçici çözümleri
Bir bakışta
“Bir bakışta” başlıklı bölümwriteHtml motoru içeriği ileri yönde tek bir geçişte işler ve önceki içeriği asla yeniden yerleştirmez. Bazı Cascading Style Sheets (CSS) davranışları bu modele uymaz. Bu sayfa, motorun uygulamadığı belirli davranışları listeler ve her biri için desteklenen geçici çözümü belirtir. Modül bazındaki doğrulama durumu için CSS destek matrisini okuyun.
Bu sınırlamaların kapsamı belirlidir ve bunlar bir yol haritası değildir. Her madde, özelliğin tamamını değil, desteklenmeyen davranışı tam olarak adlandırır.
Desteklenmeyen davranışlar
“Desteklenmeyen davranışlar” başlıklı bölüm| Davranış | Uygulanmayan kısım | Geçici çözüm |
|---|---|---|
position: absolute / position: relative ofsetli yerleşim | Motor, kutuları belge sırasına göre yerleştirir. Konumlandırılmış bir kutuyu normal akışın dışına taşıyan top/right/bottom/left ofsetleri uygulanmaz. Statik konumlandırma çalışır. | Yerleşim için normal akış içinde tabloları veya flex’i kullanın. |
Adlandırılmış grid-template-areas | Motor, adlandırılmış grid alanlarına dayalı yerleşimi uygulamaz. Açık satır tabanlı grid yerleşimi çalışır. | Öğeleri açık grid satırlarıyla yerleştirin veya bir tablo kullanın. |
Sayfa sonunu aşan rowspan (düşürülmüş) | Bir rowspan hücresi tek sayfada işlenir. Tablo sayfalara bölündüğünde, sayfa sınırını aşan ve birden çok satıra yayılan bir hücre Architectural Decision Record (ADR-007) içinde anlatıldığı gibi parçalanır; bölünemeyecek kadar uzun bir hücre ise UnsplittableContentException oluşturur. | Sayfalama sırasında bütünlüğünü koruması gereken gruplandırılmış satırlarda, uzun bir rowspan yerine float veya kategori başlığı satırı kullanın. |
overflow: hidden arka plan boyama sırası | overflow: hidden, arka plan boyama sırasını değiştirmez ve alt öğenin arka planını üst öğenin yuvarlatılmış veya boyutlandırılmış kutusuna göre kırpmaz. | Arka planı, kırpmanın uygulanacağı öğeye uygulayın veya kırpılmış arka planlara güvenmekten kaçının. |
| Bir flex öğesinde yatay kaydırılan metin | Kaydırılan metin içeren flex öğesi, kendi izi içinde kaydırılmak yerine izinden taşar. | Sütun genişlikleri açık piksel değerleriyle belirtilmiş iki sütunlu bir tablo kullanın. |
| Sıfıra çözümlenen yüzdelik sütun genişliği | Bir % sütun width değeri için çözümlenebilir bir temel olmadığında, değer 0 olarak ayrıştırılır ve sütun sıkıştırma uyarısını tetikler. | Yan yana sütunlara açık piksel genişlikleri verin. |
Ayrıca bkz.
“Ayrıca bkz.” başlıklı bölüm- CSS destek matrisi — modül bazında doğrulama durumu ve desteklenen özellikler.
- HTML: HTML+CSS’ten PDF’e işleme alt sistemi — bu sınırlamaların arkasındaki tek geçişli model.
- HTML’de tablo yerleşimi — ofset konumlandırma ve flex ile kaydırılan metin için tablo tabanlı alternatif kalıplar.