صفت outline-offset در css
صفت outline-offset در css فاصله outline و border
در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی قصد داریم در مورد صفت outline-offset در css توضیحاتی را ارائه نماییم. ویژگی کاربردی outline-offset در زبان css و در سومین نسخه این زبان طراحی یعنی css3 معرفی شده است.
معرفی و کاربرد ویژگی outline-offset در زبان طراحی سی اس اس
به کمک صفت outline-offset در css می توانیم فاصله بین خط بیرونی ( outline ) و border عنصر html را تعیین نماییم. همان طور که می دانیم به صورت پیش فرض فاصله ای کوچک و شفاف بین خط بیرونی و حاشیه عنصر HTML وجود دارد. اما از طریق خصوصیت outline-offset می توانیم بین outline و border در عناصر اچ تی ام ال فاصله دلخواهی مشخص کنیم.
مقادیر صفت کاربردی outline-offset در زبان طراحی سی اس اس
صفت outline-offset که در زبان طراحی CSS3 معرفی شده است، 3 مقدار می پذیرد که عبارتند از:
- مقدار length ( مقدار طولی )
- مقدار initial
- مقدار inherit
برای کسب اطلاعات بیشتر در مورد طراحی وب حتما به صفحه آموزش طراحی سایت سر بزنید.
مقدار length ( مقدار طولی ) درون خاصیت outline-offset در زبان سی اس اس
اگر خاصیت outline-offset را برای یک عنصر html برابر با مقدار length ( مقدار طولی ) تعریف کنیم، یعنی می خواهیم فاصه ای را بین outline و border در عناصر اچ تی ام ال منظور نماییم.
img{ outline-offset: invert; }
مقدار initial درون خاصیت outline-color در زبان سی اس اس
اگر خاصیت outline-color را برابر با مقدار initial تعریف کنیم، در حقیقت مقدار پیش فرض این خصوصیت برای تگ html مورد نظر اعمال می شود.
مقدار inherit درون خاصیت outline-color در زبان سی اس اس
اگر خاصیت outline-color را برابر با مقدار inherit تعریف کنیم، در واقع تگ html مربوطه خصوصیت مورد نظر را از والد پدری خود به ارث می برد.
بررسی خاصیت outline-color از نظر نسخه زبان طراحی سی اس اس
ویژگی کاربردی outline-color در سومین نسخه این زبان طراحی یعنی css3 معرفی شده است.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای آموزش طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای آموزش طراحی وب با HTML5 و CSS3 و jQuery
برای متخصص شدن در بهینه سازی و سئوی سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره آموزش سئو محتوا کاملا حرفه ای براساس آخرین آپدیت های گوگل
بررسی ساختاری خصوصیت outline-color در زبان طراحی سی اس اس
عناوین ساختاری خاصیت outline-offset | وضعیت ساختاری خاصیت outline-offset |
مقدار پیش فرض | 0 |
قابلیت توارث | ندارد |
قابلیت تحرک | دارد |
ورژن css صفت | CSS3 |
سینتکس صفت در جاوا اسکریپت | "object.style.outlineOffset="15px |
پشتیبانی مرورگرهای اینترنتی از خاصیت outline-color در زبان طراحی سی اس اس
خاصیت css | |||||
outline-offset | 4.0 | 15.0 | 3.5 | 3.1 | 10.5 |
پیوندهای مهم و کاربردی
تگ های HTML در سایت آموزی | تگ های جدید HTML5 در سایت آموزی | صفات تگ های HTML در سایت آموزی | تگ های منسوخ شده HTML5 در سایت آموزی | تگ های block level و inline level در سایت آموزی | تگ های HTML در W3school | ویژگی های CSS در سایت آموزی | ویژگی های CSS در W3schools
صفت outline-offset در css فاصله outline و border – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید