Metin altı çizili konum - CSS Hileleri

Anonim

text-underline-positionMülkiyet linklere veya metin üzerinde çizili yerleşimini belirler text-decoration: underline;uygulamalı.

a ( text-underline-position: under; )

Değerler

Bunlar, W3C CSS Metin Dekorasyon Modülü Seviye 3 Aday Önerisinde belirtilen değerlerdir:

  • auto: varsayılan. Tarayıcı, alt çizginin metnin taban çizgisine mi yoksa altına mı yerleştirileceğine karar verecektir.
  • inherit: ebeveynin altı çizili konumunu devralır.
  • under: alt çizgiyi altlardan geçmeyi önlemek için fazladan boşlukla birlikte metnin altına yerleştirir.
  • left: dikey yazı modları için. Bu, satırı metnin soluna yerleştirir.
  • right: dikey yazı modları için. Bu, satırı metnin sağına yerleştirir.

Microsoft, Internet Explorer için farklı bir değer kümesi kullanır:

  • auto: varsayılan. Japonca dışındaki tüm diller için metnin altına alt çizgiyi yerleştirir (ayrıntılar için aşağıdaki "Daha Fazla Bilgi" bölümündeki MSDN bağlantısına bakın).
  • above: alt çizgiyi metnin üzerine yerleştirir. Görsel olarak aynıtext-decoration: overline;
  • below: alt çizgiyi metnin altına yerleştirir. Bunun farklı olduğunu unutmayın under- altları temizlemeyecektir.
  • auto-posMS uygulamasıyla aynı şekilde çalışır auto.

Demo

Bu yazının yazıldığı sırada, text-underline-positionChrome (deneysel işaretler etkinleştirilmiş 33+) ve Internet Explorer 6+ tarafından yalnızca kısmen desteklenmektedir. Krom destekler auto, inheritve underIE kendi alternatif değerlerini desteklerken, W3C aday önerisi değerleri.

Bu demo, onları destekleyen tarayıcılardaki underve belowdeğerlerini gösterir .

CodePen'de CSS-Tricks (@ css-tricks) tarafından Kalem metninin altı çizili konumuna bakın.

İlişkili

  • metin süsleme

Daha fazla bilgi

  • text-underline-position CSS Metin Dekorasyon Modülü Düzey 3 CR.
  • text-underline-position MSDN'de.

Tarayıcı Desteği

Krom Safari Firefox Opera IE Android iOS
33 * Yok Yok Yok 6 † Yok Yok

* -webkitchrome: // flags'de etkinleştirilen önek ve deneysel bayraklarla. leftve rightdeğerler desteklenmez.
† -msön ek ve IE'ye özgü değerlerle.