آموزش خط خارجی در CSS | آموزش کامل + نمونه کد

قبلی بعدی

ویژگی outline در CSS

outline یا خط خارجی یک خط در اطراف border می سازد.

خط outline از اطراف border شروع می شود. outline روی margin قرار می گیرد و margin را می پوشاند.

نکته: outline هیچ فاصله ای بین border و margin ایجاد نمی کند و روی margin را قرار می گیرد.

نکته: outline هیچ فاصله ای بین المان ها ایجاد نمی کند و روی المان های دیگر قرار می گیرد.

ویژگی outline-style، سبک خط خارجی را مشخص می کند.

outline-style: dotted;

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

ویژگی outline-width، عرض خط خارجی را مشخص می کند.

border-width: thin;

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

ویژگی outline-color، رنگ خط خارجی را مشخص می کند.

outline-color: red;

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

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

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

outline: dotted 3px blue;

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

ویژگی outline-offset، فضای بین border و outline را تعیین می کند.

outline-offset: 5px;

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

در این درس با ویژگی خط خارجی (outline) در CSS:

آشنا شدیم.

قبلی بعدی

توسعه دهندگان

احسان اسلامی