ویژگی 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
آشنا شدیم.