ویژگی border در CSS بخش اول
ویژگی border در CSS بخش اول مقدار wave و dashed
ویژگی border در CSS بخش اول را تقدیم شما عزیزان میکنیم. در مجموعه مقالات سایت آموزی چند بخشی را به توضیح و بررسی انواع border در css می پردازیم.
ویژگی border در CSS بخش اول
در این بخش قصد دارم شما دوستان عزیز رو با خصوصیت border و چند نوع از مقادیر اون آشنا کنم.
ویژگی border در css و css3:
از طریق این Property شما می توانید خطوط مختلفی را در لایه های سند html خودتون بسازید.
می تونید دور المان های مختلفتون کادر بکشید و اونها رو به راحتی از هم تفکیک کنید.
این خصوصیت شامل ۳ مقدار مهم می شود. یکی از مقادیر رنگ border را مشخص می کنه.
مقدار دیگر ضخامت border رو تعیین می کنه. مقدار بعدی استایل border رو مشخص می کنه.
که مقدار سوم دارای مقادیر و طرح های متنوعی هست. که در این بخش ۵ مورد رو توضیح میدم.
نوعی کد border در سند css :
div { border: 2px solid #ccc; }
مقدار solid :
این نوع استایل یک کادر کامل از نوع خط معمولی دور سلکتور مورد نظر شما می کشد.
در شکل پایین نوعی border از نوع solid رو می بینید:
مقدار dotted برای border در سی اس اس :
این نوع استایل به شکل نقطه چین دور سلکتور مورد نظر شما قرار می گیره.
در شکل پایین نوعی border از نوع dotted رو می بینید:
مقدار dashed :
این نوع استایل یک کادر خط چین دورتادور سلکتور مورد نظر شما می کشه.
در شکل پایین نوعی border از نوع dashed رو می بینید:
مقدار double برای border در سی اس اس :
این نوع استایل دو کادر کامل از نوع خط معمولی رو دور سلکتور مورد نظر شما می کشد.
لذا دو خط solid و ساده می کشد که double نام می گیرد.
در شکل پایین نوعی border از نوع double رو می بینید:
مقدار wave برای border در سی اس اس :
این نوع استایل یک خط موجی شکل دور سلکتور مورد نظر شما می کشد.
در شکل پایین نوعی border از نوع wave رو می بینید:
پیوندهای مهم و کاربردی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های HTML در سایت آموزی
تگ های منسوخ شده HTML5 در سایت آموزی
تگ های block level و inline level در سایت آموزی
ویژگی border در CSS بخش اول مقدار wave و dashed – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید