این آموزش در تاریخ ۱۴۰۰/۱۱/۱۳ آپدیت شده است.
آموزش ویژگی text-decoration-style در CSS
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی text-decoration-style در CSS با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
ویژگی text-decoration-style در CSS
با استفاده از ویژگی text-decoration-style
در CSS میتوان استایل / شکل شمایل خط ( اون خطی که به زیر یا بالای متن کشیده میشه ) رو مشخص و یا تعریف کرد.
Free-Learn
مثال از این ویژگی
در ادامه میتوانید یک مثال از ویژگی text-decoration-style
را در زبان CSS مشاهده نمایید.
1 2 3 4 5 6 7 |
<style> .Text-1{ text-decoration-style: wavy; } </style> |
Free-Learn
جدول مشخصات ویژگی text-decoration-style در CSS
در جدول زیر میتوانید مشخصات کلی این ویژگی را در زبان CSS مشاهده نمایید.
مقدار پیش فرض | solid |
---|---|
قابل ارث بری | ندارد | اطلاعات بیشتر |
قابل متحرک سازی | ندارد | اطلاعات بیشتر |
نسخه | CSS3 |
نحوه استفاده در جاوااسکریپت | object.style.textDecorationStyle=”dotted”; |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از ویژگی text-decoration-style
در CSS پشتیبانی میکنند یا خیر.
نام ویژگی | Chrome | Firefox | Opera | Safari | Edge |
text-decoration-style | ۵۷ | ۳۶ | ۴۴ | ۱۲٫۱ | ۷۹ |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در CSS بصورت زیر می باشد.
1 |
text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit; |
Free-Learn
جدول مقادیر ویژگی text-decoration-style در CSS
در جدول زیر میتوانید، مقادیری را که میتوان در این ویژگی استفاده کرد مشاهده نمایید.
مقدار | توضیح |
---|---|
solid | مقدار پیش فرض – استایل بصورت خط پیوسته و صاف می باشد |
double | استایل بصورت دوبل ( ۲ خطی ) می باشد |
dotted | استایل بصورت نقطه چین می باشد |
dashed | استایل بصورت خط چین می باشد |
wavy | استایل بصورت خط موج دار می باشد |
initial | استفاده از مقدار پیش فرض یا اولیه | اطلاعات بیشتر |
inherit | استفاده از مقدار پدر یا والد ( به ارث بری ) | اطلاعات بیشتر |
Free-Learn
نکات و توضیحات
- نکته یا توضیح خاصی وجود ندارد.