ویژگی text-underline-position CSS

تعریف و استفاده

text-underline-position ویژگی موقعیت تزئین خط زیرین متن را مشخص می‌کند.

موقعیت تزئین خط زیرین متن را تنظیم کنید:

div.a {
  text-decoration: underline;
  text-underline-position: auto;
}
div.b {
  text-decoration: underline;
  text-underline-position: under;
}

text-underline-position: auto|under|from-font|left|right|initial|inherit;

مقدار	توضیح
자동	مقدار پیش‌فرض. مرورگر موقعیت خط زیرین را تنظیم می‌کند.
زیر	خط زیرین را زیر خط پایه حروف قرار دهید.
از فونت	اگر فایل فونت شامل اطلاعات مربوط به موقعیت خط زیرین باشد، از این مقدار استفاده شود. در غیر این صورت از auto استفاده شود.
سمت چپ	در حالت نوشتاری عمودی، خط زیرین در سمت چپ متن قرار می‌گیرد. در حالت نوشتاری افقی، خط زیرین به صورت auto قرار می‌گیرد.
سمت راست	در حالت نوشتاری عمودی، خط زیرین در سمت راست متن قرار می‌گیرد. در حالت نوشتاری افقی، خط زیرین به صورت auto قرار می‌گیرد.
مقدار اولیه	این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. ببینید: مقدار اولیه.
وراثت	از عنصر والد خود این ویژگی را ارث می‌برد. ببینید: وراثت.

مقدار پیش‌فرض:	자동
وراثت:	بله
انیمیشن:	پشتیبانی نمی‌شود. لطفاً به:ویژگی‌های مرتبط با انیمیشن.
نسخه:	CSS3
قوانین جاوااسکریپت:	object.style.textUnderlinePosition="under"

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر پشتیبان از این ویژگی هستند.

Chrome	Edge	Firefox	Safari	Opera
33.0	79.0	74.0	12.1	20.0