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

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

ویژگی border در CSS بخش اول را تقدیم شما عزیزان میکنیم

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

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

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

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

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

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

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

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

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

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

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

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

div { border: 2px solid #ccc; }

مقدار solid :

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

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

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

مقدار dotted :

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

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

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

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

مقدار dashed :

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

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

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

مقدار double :

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

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

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

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

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

مقدار wave :

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

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

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

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

توسط | ۱۳۹۷/۴/۲۷ ،۲۳:۵۶:۱۳ +۰۰:۰۰ تیر ۲۷ام, ۱۳۹۷|css دسته بندی ها|برچسب ها: , , , , |بدون دیدگاه

در باره نویسنده :

ثبت ديدگاه

10 + 8 =