ویژگی border-top در css
ویژگی border-top در css حاشیه بالا تگ اچ تی ام ال
در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی قصد داریم در مورد ویژگی border-top در css توضیحاتی را ارائه نماییم. ویژگی border-top در اولین نسخه زبان طراحی css یعنی CSS1 معرفی شده است.
معرفی ویژگی کاربردی border-top در زبان طراحی css
توسط ویژگی border-top در css می توانید سه مقدار ضخامت ، استایل و رنگ در border بالا را در یک تگ html تعیین نمایید.
مقادیر صفت کاربردی border-top در زبان طراحی سی اس اس
صفت کاربردی border-top که در زبان طراحی CSS1 معرفی شده است، 4 مقدار می پذیرد که عبارتند از:
- مقدار border-top-width
- مقدار border-top-style
- مقدار border-top-color
- مقدار initial
برای کسب اطلاعات بیشتر در مورد طراحی وب حتما به صفحه آموزش طراحی سایت سر بزنید.
مقدار border-top-width درون خاصیت border-top در زبان سی اس اس
اگر خاصیت border-top را برابر با مقدار border-top-width قرار دهیم، در حقیقت ضخامت حاشیه بالا یا ضخامت border بالا در یک تگ html را تعیین می نماییم. مقدار border-top-width معمولا براساس واحد پیکسل ، واحد درصدی یا واحد em برای ضخامت حاشیه سمت بالای تگ html تعیین می گردد. مثال براساس مقدار border-top-width برای خاصیت border-top:
div{border-top:2px;}
مقدار border-top-style درون خاصیت border-top در زبان سی اس اس
اگر خاصیت border-top را برابر با مقدار border-top-style قرار دهیم، در حقیقت استایل حاشیه بالا یا استایل border بالا را در تگ html مربوطه تعیین می نماییم. مثال براساس مقدار border-top-style برای خاصیت border-top
div{border-top:solid;}
مقدار border-top-color درون خاصیت border-top در زبان سی اس اس
اگر خاصیت border-top را برابر با مقدار border-top-color قرار دهیم، در حقیقت رنگ حاشیه بالا یا رنگ border بالا را در تگ html مربوطه تعیین می نماییم.
مثال براساس مقدار border-top-color برای خاصیت border-top:
div{border-top:red;}
مقدار initial درون ویژگی border-top در css
اگر خاصیت border-top را برابر با مقدار initial تعریف کنیم، در حقیقت همان مقدار پیش فرض این خصوصیت برای تگ html مورد نظر اعمال می شود. مثال ترکیبی براساس مقدار border-top-width ، مقدار border-top-style و مقدار border-top-color در ویژگی border-top در زبان سی اس اس
div{border-top:2px solid red;}
بررسی خاصیت border-top از نظر نسخه زبان طراحی سی اس اس
خصوصیت border-top در اولین نسخه زبان طراحی css یعنی CSS1 معرفی شده است.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای آموزش طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای آموزش طراحی وب با HTML5 و CSS3 و jQuery
برای متخصص شدن در بهینه سازی و سئوی سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره آموزش سئو محتوا کاملا حرفه ای براساس آخرین آپدیت های گوگل
بررسی ساختاری خصوصیت border-top
عناوین ساختاری خاصیت ساختار خاصیت border-top | وضعیت ساختاری خاصیت ساختار خاصیت border-top |
مقدار پیش فرض | medium none color |
قابلیت توارث | ندارد |
قابلیت تحرک | دارد |
ورژن css صفت | CSS1 |
سینتکس صفت در جاوا اسکریپت | "object.style.borderTop =" 3px dashed blue |
پشتیبانی مرورگرهای اینترنتی از خاصیت border-top در زبان طراحی سی اس اس
خاصیت css | |||||
border-top | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
پیوندهای مهم و کاربردی
تگ های HTML در سایت آموزی | تگ های جدید HTML5 در سایت آموزی | صفات تگ های HTML در سایت آموزی | تگ های منسوخ شده HTML5 در سایت آموزی | تگ های block level و inline level در سایت آموزی | تگ های HTML در W3school | ویژگی های CSS در سایت آموزی | ویژگی های CSS در W3schools
ویژگی border-top در css حاشیه بالا تگ اچ تی ام ال – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید