ویژگی text-underline-offset CSS

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

text-underline-offset ویژگی مقدار حرکت خطچین زیرنویس را مشخص می‌کند.

مثال

تنظیم فاصله حرکت خطچین زیرنویس:

div.a {
  text-decoration: underline;
}
div.b {
  text-decoration: underline;
  text-underline-offset: 10px;
}
div.c {
  text-decoration: underline wavy blue;
}
div.d {
  text-decoration: underline wavy blue;
  text-underline-offset: 10px;
}

آزمایش کنید

آموزش دستور زبان:

text-underline-offset: auto|مقیاس طولی|درصد|مقدار اولیه|ارث;

مقدار ویژگی

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

جزئیات فنی

مقدار پیش‌فرض: 자동
ارث: بله
انیمیشن: پشتیبانی نمی‌شود. لطفاً به:ویژگی‌های مرتبط با انیمیشن.
نسخه: CSS4
آموزش دستور زبان: object.style.textUnderlineOffset="1em"

پشتیبانی مرورگر

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

Chrome Edge Firefox Safari Opera
87.0 87.0 70.0 12.1 73.0

صفحات مرتبط

تدریس:زینت متن CSS

منابع:ویژگی textDecoration HTML DOM