صفت text-decoration-style در css
صفت text-decoration-style در css سبک خط نوشته تگ html
در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی قصد داریم در مورد صفت text-decoration-style در css توضیحاتی را ارائه نماییم. ویژگی کاربردی text-decoration-style در زبان سی اس اس و در سومین نسخه این زبان طراحی یعنی css3 معرفی شده است.
معرفی و کاربرد ویژگی text-decoration-style در زبان طراحی سی اس اس
به کمک خاصیت text-decoration-style می توانیم سبک یا استایل خط متن یک نوشته که توسط خصوصیت text-decoration در بالای متن نوشته ، پایین متن نوشته یا بر روی متن نوشته در یک تگ html ایجاد می شود، را تعیین نماییم.
ویژگی text-decoration یک ویژگی مختصرنویسی شده برای 3 ویژگی دیگر سی اس اس برای آرایش خط متن نوشته می باشد، که عبارتند از :
- خصوصیت text-decoration-color
- خصوصیت text-decoration-line
- خصوصیت text-decoration-style
مقادیر صفت کاربردی text-decoration-style در زبان طراحی css
صفت text-decoration-style که در زبان طراحی CSS3 معرفی شده است، 7 مقدار می پذیرد که عبارتند از:
- مقدار solid
- مقدار double
- مقدار dotted
- مقدار dashed
- مقدار wavy
- مقدار initial
- مقدار inherit
برای کسب اطلاعات بیشتر در مورد طراحی وب حتما به صفحه آموزش طراحی سایت سر بزنید.
مقدار solid درون خاصیت text-decoration-style در زبان سی اس اس
اگر خاصیت text-decoration-style را برای یک عنصر html برابر با مقدار solid قرار دهیم، در حقیقت می خواهیم استایل یک خط صاف را بر روی متن یک نوشته ، بالای متن نوشته و یا پایین متن نوشته در تگ html مربوطه قرار دهیم.
مقدار solid به عنوان مقدار پیش فرض خصوصیت text-decoration-style می باشد.
div{ text-decoration-style: solid; }
مقدار double درون خاصیت text-decoration-style در زبان css
اگر صفت text-decoration-style در css را برای یک عنصر html برابر با مقدار double قرار دهیم، در حقیقت می خواهیم استایل دو خط صاف بر روی متن یک نوشته ، بالای متن نوشته و یا پایین متن نوشته در تگ html مربوطه قرار دهیم.
div{ text-decoration-style: double; }
مقدار dotted درون خاصیت text-decoration-style در زبان سی اس اس
اگر خاصیت text-decoration-style را برای یک عنصر html برابر با مقدار dotted قرار دهیم، در حقیقت می خواهیم استایل خط نقطه ای را بر روی متن یک نوشته ، بالای متن نوشته و یا پایین متن نوشته در تگ html مربوطه اعمال نماییم.
div{ text-decoration-style: dotted; }
مقدار dashed درون خاصیت text-decoration-style در زبان css
اگر خاصیت text-decoration-style را برای یک عنصر html برابر با مقدار dashed قرار دهیم، در حقیقت می خواهیم استایل خط فاصله را در خطی که بر روی متن یک نوشته ، بالای متن نوشته و یا پایین متن نوشته در تگ html مربوطه قرار می گیرد، اعمال نماییم.
div{ text-decoration-style: dashed; }
مقدار wavy درون صفت text-decoration-style در css
اگر خاصیت text-decoration-style را برای یک عنصر html برابر با مقدار wavy قرار دهیم، در حقیقت می خواهیم استایل خط موج دار را بر روی متن یک نوشته ، بالای متن نوشته و یا پایین متن نوشته در تگ html مربوطه اعمال نماییم.
div{ text-decoration-style: wavy; }
مقدار initial درون خاصیت text-decoration-style در زبان css
اگر خاصیت text-decoration-style را برابر با مقدار initial تعریف کنیم، در حقیقت مقدار پیش فرض این خصوصیت برای تگ html مورد نظر اعمال می شود.
مقدار inherit درون خاصیت text-decoration-style در زبان سی اس اس
اگر خاصیت text-decoration-style را برابر با مقدار inherit تعریف کنیم، در واقع تگ html مربوطه خصوصیت مورد نظر را از والد پدری خود به ارث می برد.
بررسی خاصیت text-decoration-style از نظر نسخه زبان طراحی css
صفت text-decoration-style در css درون سومین نسخه این زبان طراحی یعنی css3 معرفی شده است.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای آموزش طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای آموزش طراحی وب با HTML5 و CSS3 و jQuery
برای متخصص شدن در بهینه سازی و سئوی سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره آموزش سئو محتوا کاملا حرفه ای براساس آخرین آپدیت های گوگل
بررسی ساختاری خصوصیت text-decoration-style در زبان طراحی سی اس اس
عناوین ساختاری خاصیت text-decoration-style | وضعیت ساختاری خاصیت text-decoration-style |
مقدار پیش فرض | solid |
قابلیت توارث | ندارد |
قابلیت تحرک | ندارد |
ورژن css صفت | CSS3 |
سینتکس صفت در جاوا اسکریپت | "object.style.textDecorationStyle="wavy |
پشتیبانی مرورگرهای اینترنتی از صفت text-decoration-style در css
خاصیت css | |||||
text-decoration-style | 57.0 | عدم پشتیبانی | 36.0 | عدم پشتیبانی | 44.0 |
پیوندهای مهم و کاربردی
تگ های HTML در سایت آموزی | تگ های جدید HTML5 در سایت آموزی | صفات تگ های HTML در سایت آموزی | تگ های منسوخ شده HTML5 در سایت آموزی | تگ های block level و inline level در سایت آموزی | تگ های HTML در W3school | ویژگی های CSS در سایت آموزی | ویژگی های CSS در W3schools
صفت text-decoration-style در css سبک خط نوشته تگ html – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید