ویژگی border-left در css
ویژگی border-left در css حاشیه چپ تگ اچ تی ام ال
در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی قصد داریم در مورد صفت border-left در زبان css توضیحاتی را ارائه نماییم.
ویژگی کاربردی border-left در اولین نسخه زبان طراحی css یعنی CSS1 معرفی شده است.
معرفی ویژگی کاربردی border-left در زبان طراحی css
توسط خاصیت border-left می توانید سه مقدار ضخامت ، استایل و رنگ در حاشیه چپ یا border چپ را در یک تگ html تعیین نمایید.
مقادیر صفت کاربردی border-left در زبان طراحی سی اس اس
صفت کاربردی border-left که در زبان طراحی CSS1 معرفی شده است، 4 مقدار می پذیرد که عبارتند از:
- مقدار border-left-width
- مقدار border-left-style
- مقدار border-left-color
- مقدار initial
مقدار border-left-width درون خاصیت border-left در زبان سی اس اس
اگر خاصیت border-left را برابر با مقدار border-left-width قرار دهیم، در حقیقت ضخامت حاشیه چپ یا ضخامت border چپ یک تگ html را تعیین می نماییم.
مقدار border-left-width معمولا براساس واحد پیکسل ، واحد درصدی یا واحد em برای ضخامت حاشیه سمت چپ تگ html تعیین می گردد.
مثال براساس مقدار border-left-width برای خاصیت border-left
[html]div{border-left:2px;}[/html]
مقدار border-left-style درون خاصیت border-left در زبان سی اس اس
اگر خاصیت border-left را برابر با مقدار border-left-style قرار دهیم، در حقیقت استایل حاشیه چپ یا استایل border چپ را در تگ html مربوطه تعیین می نماییم.
مثال براساس مقدار border-left-style برای خاصیت border-left
[html]div{border-left:solid;}[/html]
مقدار border-left-color درون خاصیت border-left در زبان سی اس اس
اگر خاصیت border-left را برابر با مقدار border-left-color قرار دهیم، در حقیقت رنگ حاشیه چپ یا رنگ border چپ را در تگ html مربوطه تعیین می نماییم.
مثال براساس مقدار border-left-color برای خاصیت border-left
[html]div{border-left:red;}[/html]
مقدار initial درون خاصیت border-left در زبان سی اس اس
اگر خاصیت border-left را برابر با مقدار initial تعریف کنیم، در حقیقت همان مقدار پیش فرض این خصوصیت برای تگ html مورد نظر اعمال می شود.
مثال ترکیبی براساس مقدار border-left-width ، مقدار border-left-style و مقدار border-left-color در ویژگی border-left در زبان سی اس اس
[html]div{border-left:2px solid red;}[/html]
بررسی خاصیت border-left از نظر نسخه زبان طراحی سی اس اس
خصوصیت کاربردی border-left در اولین نسخه زبان طراحی css یعنی CSS1 معرفی شده است.
بررسی ساختاری خصوصیت border-left
عناوین ساختاری خاصیت border-left | وضعیت ساختاری خاصیت border-left |
مقدار پیش فرض | medium none color |
قابلیت توارث | ندارد |
قابلیت تحرک | دارد |
ورژن css صفت | CSS1 |
سینتکس صفت در جاوا اسکریپت | "object.style.borderLeft="3px dotted blue |
پشتیبانی مرورگرهای اینترنتی از خاصیت border-left در زبان طراحی سی اس اس
خاصیت css | ![]() | ![]() | ![]() | ![]() | ![]() |
border-left | 1.0 | 4.0 | 1.0 | 3.5 | 1.0 |
پیوندهای مهم و کاربردی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های HTML در سایت آموزی
تگ های منسوخ شده HTML5 در سایت آموزی
تگ های block level و inline level در سایت آموزی
ویژگی border-left در css حاشیه چپ تگ اچ تی ام ال – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید