Direction ve unicode-bidi
direction ve unicode-bidi özelliklerini öğrenirsin.
direction özelliği
direction özelliği metnin yatay akış yönünü belirler. ltr soldan sağa, rtl sağdan sola akar. Arapça, İbranice ve Farsça sayfalarda rtl kullanılır.
Yalnızca metin değil, tablo sütun sırası, esnek kutu sırası ve inline-start gibi mantıksal özellikler de bu değere göre yön değiştirir. Tek bir bildirimle tüm sayfanın yerleşimi uyumlanır.
unicode-bidi özelliği
unicode-bidi, çift yönlü metin (bidi) davranışını denetler. Bir paragraf içinde hem Türkçe hem Arapça geçtiğinde tarayıcı bunu otomatik çözümler; bazen yardımcı olman gerekir.
unicode-bidi: isolate seçili öğeyi çevresinden bağımsız çözümler; plaintext ise yönü içeriğe göre belirler. Bu bildirimleri direction ile birlikte kullanırsın.
RTL sayfa düzeni
Bir sayfayı RTL yapmanın en kısa yolu html { direction: rtl; } yazmaktır. Bundan sonra margin-left hâlâ sol kenarı hedefler; ama margin-inline-start artık sağ kenara uygulanır.
Mantıksal özellikleri tercih edersen tek satır değişiklikle tüm yerleşimi çevirebilirsin. Bu, çok dilli sitelerde büyük kolaylık: aynı dosya her yön için çalışır.
Uygulama RTL sayfa kökünü ayarla
html seçicisi için direction: rtl bildirimini yaz. Aynı blokta unicode-bidi: isolate de tanımlansın. Yalnızca bu iki bildirim olsun.
Örnek çözümü göster
/* sayfa kökü RTL olsun */
html {
direction: rtl;
unicode-bidi: isolate;
}Kendini test et
-
direction: rtl ne yapar?
- Metin rengini değiştirir
- Metin sağdan sola akar
- Metni dikey yapar
- Arka planı ters çevirir
Cevabı göster
Metin sağdan sola akar — Doğru. direction: rtl metni sağdan sola akıtır.
-
Arapça sayfa yönü
html { ____: rtl; }Cevabı göster
html { direction: rtl; }