ویژگی border در CSS

ویژگی border، برای ایجاد حاشیه اطراف المان مورد استفاده قرار می گیرد.

  • border-style: مشخص کردن سبک حاشیه
  • border-width: تعیین عرض حاشیه
  • border-color: تغییر رنگ حاشیه
  • border: خلاصه نویسی ویژگی های حاشیه
  • border-radius: مشخص کردن مقدار انحنای حاشیه

سبک حاشیه (border-style) در CSS

ویژگی border-style، سبک حاشیه را مشخص می کند.

border-style: dotted;

نکته: برای اطلاعات بیشتر، به آموزش ویژگی border-style در CSS مراجعه کنید.

عرض حاشیه (border-width) در CSS

ویژگی border-width، عرض حاشیه را مشخص می کند.

border-width: 6px;

نکته: برای اطلاعات بیشتر، به آموزش ویژگی border-width در CSS مراجعه کنید.

رنگ حاشیه (border-color) در CSS

ویژگی border-color، رنگ حاشیه را مشخص می کند.

border-color: red;

نکته: برای اطلاعات بیشتر، درباره انواع رنگ ، آموزش رنگ ها در CSS را بررسی کنید.

نکته: برای اطلاعات بیشتر، به آموزش ویژگی border-color در CSS مراجعه کنید.

خلاصه نویسی یا border در CSS

ویژگی border، به صورت خلاصه، تمام ویژگی های border را مشخص می کند.

border: solid 2px red;

نکته:  برای اطلاعات بیشتر، به آموزش ویژگی border در CSS مراجعه کنید.

انحنا حاشیه (border-radius) در CSS

ویژگی border-radius، انحنا گوشه حاشیه را مشخص می کند.

border-radius: 10px;

نکته:  برای اطلاعات بیشتر، به آموزش ویژگی border-radius در CSS مراجعه کنید.

خلاصه درس

در این درس با ویژگی حاشیه (border) در CSS

  • border-style
  • border-width
  • border-color
  • border
  • border-radius

آشنا شدیم.

توسعه دهندگان
احسان اسلامی