ویژگی font-variant در css
ویژگی font-variant در css سایز حروف بزرگ انگلیسی
در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی قصد داریم در مورد ویژگی font-variant در css توضیحاتی را ارائه نماییم. ویژگی font-variant در اولین نسخه زبان طراحی css یعنی CSS1 معرفی شده است.
معرفی ویژگی کاربردی font-variant در زبان طراحی css
توسط خاصیت font-variant در css می توانیم تعیین کنیم که حروف بزرگ انگلیسی با اندازه یا سایز کوچک تر نمایش داده شود.
نکات مهم
1- این خصوصیت تنها برای زبان انگلیسی و زبان های مشابه که دارای حروف کوچک و بزرگ هستند قابل اجرا می باشد.
2- خصوصیت font-variant تنها برای فونت هایی قابل استفاده است که برای آنها یک مقدار فونت کوچک تر برای حروف بزرگ یا capital تعریف شده باشد.
3- خاصیت جدید font-variant به صورت پیش فرض در مرورگر کاربر تعریف نشده است. لذا اگر برای فونتی مقدار کوچک تری برای کاراکتر های حروف بزرگ یا capital طراحی نشده باشد، صفت font-variant قابل استفاده نیست.
مقادیر صفت کاربردی font-variant در زبان طراحی سی اس اس
صفت کاربردی font-variant که در زبان طراحی CSS1 معرفی شده است، 4 مقدار می پذیرد که عبارتند از:
- مقدار normal
- مقدار small-caps
- مقدار initial
- مقدار inherit
برای کسب اطلاعات بیشتر در مورد طراحی وب حتما به صفحه آموزش طراحی سایت سر بزنید.
مقدار normal درون ویژگی font-variant در css
اگر ویژگی font-variant در css را برابر با مقدار normal قرار دهیم، یعنی می خواهیم حروف بزرگ یا capital انگلیسی با اندازه نرمال برای فونت مورد نظر تعریف گردد. مقدار normal به عنوان مقدار پیش فرض خصوصیت font-variant می باشد.
مثال براساس مقدار normal برای خاصیت font-variant:
div {font-variant: normal;}
مقدار small-caps درون خاصیت font-variant در زبان سی اس اس
اگر خاصیت font-variant را برابر با مقدار small-caps قرار دهیم، یعنی می خواهیم حروف بزرگ یا capital انگلیسی با اندازه مخصوص کوچک تر از نرمال برای فونت مورد نظر تعریف گردد. مثال براساس مقدار small-caps برای خاصیت font-variant:
div {font-variant: small-caps;}
مقدار initial درون خاصیت font-variant در زبان سی اس اس
اگر ویژگی font-variant در سی اس اس را برابر با مقدار initial تعریف کنیم، در حقیقت مقدار پیش فرض این خصوصیت برای تگ html مورد نظر اعمال می شود.
مقدار inherit درون خاصیت font-variant در زبان سی اس اس
اگر خاصیت font-variant را برابر با مقدار inherit تعریف کنیم، در واقع تگ html مربوطه خصوصیت مورد نظر را از والد پدری خود به ارث می برد.
بررسی خاصیت font-variant از نظر نسخه زبان طراحی سی اس اس
خصوصیت font-variant در اولین نسخه زبان طراحی css یعنی CSS1 معرفی شده است.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای آموزش طراحی سایت با HTML5 و CSS3 و jQuery
برای متخصص شدن در بهینه سازی و سئوی سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره آموزش سئو محتوا کاملا حرفه ای براساس آخرین آپدیت های گوگل
بررسی ساختاری خصوصیت font-variant
عناوین ساختاری خاصیت font-variant | وضعیت ساختاری خاصیت font-variant |
مقدار پیش فرض | normal |
قابلیت توارث | دارد |
قابلیت تحرک | ندارد |
ورژن css صفت | CSS1 |
سینتکس صفت در جاوا اسکریپت | "object.style.fontVariant="small-caps |
پشتیبانی مرورگرهای اینترنتی از ویژگی font-variant در css
خاصیت css | |||||
font-variant | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
پیوندهای مهم و کاربردی
تگ های HTML در سایت آموزی | تگ های جدید HTML5 در سایت آموزی | صفات تگ های HTML در سایت آموزی | تگ های منسوخ شده HTML5 در سایت آموزی | تگ های block level و inline level در سایت آموزی | تگ های HTML در W3school | ویژگی های CSS در سایت آموزی | ویژگی های CSS در W3schools
ویژگی font-variant در css سایز حروف بزرگ انگلیسی – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید