ویژگی border در CSS بخش اول مقدار wave و dashed

ویژگی border در CSS بخش اول را تقدیم شما عزیزان میکنیم. در مجموعه مقالات سایت آموزی چند بخشی را به توضیح و بررسی انواع border در css می پردازیم.

ویژگی border در CSS بخش اول

ویژگی border در CSS بخش اول مقدار wave و dashed - سایت آموزی

در این بخش قصد دارم شما دوستان عزیز رو با خصوصیت border و چند نوع از مقادیر اون آشنا کنم.

ویژگی border در css و css3:

از طریق این Property شما می توانید خطوط مختلفی را در لایه های سند html خودتون بسازید.

می تونید دور المان های مختلفتون کادر بکشید و اونها رو به راحتی از هم تفکیک کنید.

این خصوصیت شامل ۳ مقدار مهم می شود. یکی از مقادیر رنگ border را مشخص می کنه.

مقدار دیگر ضخامت border رو تعیین می کنه. مقدار بعدی استایل border رو مشخص می کنه.

که مقدار سوم دارای مقادیر و طرح های متنوعی هست. که در این بخش ۵ مورد رو توضیح میدم.

نوعی کد border در سند css :

div { border: 2px solid #ccc; }

مقدار solid :

این نوع استایل یک کادر کامل از نوع خط معمولی دور سلکتور مورد نظر شما می کشد.

در شکل پایین نوعی border از نوع solid رو می بینید:

ویژگی border در CSS بخش اول مقدار wave و dashed - سایت آموزی

مقدار dotted برای border در سی اس اس :

این نوع استایل به شکل نقطه چین دور سلکتور مورد نظر شما قرار می گیره.

در شکل پایین نوعی border از نوع dotted رو می بینید:

مقدار dotted - سایت آموزی

مقدار dashed :

این نوع استایل یک کادر خط چین دورتادور سلکتور مورد نظر شما می کشه.

در شکل پایین نوعی border از نوع dashed رو می بینید:

ویژگی border در CSS بخش اول مقدار wave و dashed - سایت آموزی

مقدار double برای border در سی اس اس :

این نوع استایل دو کادر کامل از نوع خط معمولی رو دور سلکتور مورد نظر شما می کشد.

لذا دو خط solid و ساده می کشد که double نام می گیرد.

در شکل پایین نوعی border از نوع double رو می بینید:

border مقدار double - سایت آموزی

مقدار wave برای border در سی اس اس :

این نوع استایل یک خط موجی شکل دور سلکتور مورد نظر شما می کشد.

در شکل پایین نوعی border از نوع wave رو می بینید:

مقدار wave - سایت آموزی

پیوندهای مهم و کاربردی

تگ های HTML در سایت آموزی

تگ های جدید HTML5 در سایت آموزی

صفات تگ های HTML در سایت آموزی

تگ های منسوخ شده HTML5 در سایت آموزی

تگ های block level و inline level در سایت آموزی

تگ های HTML در W3school

ویژگی های CSS در سایت آموزی

ویژگی های CSS در W3schools

ویژگی border در CSS بخش اول مقدار wave و dashed – اختصاصی سایت آموزی