مرز در CSS

مرز در CSS

دسته بندی : آموزش CSS سطح مقاله : متوسط زمان مطالعه : 2 دقیقه آخرین بروز رسانی: 20 بهمن 1399

با تعریف مرز در CSS آشنا می شویم.

تعریف مرز در CSS

ویژگی مرز در CSS به شما امکان می دهد برای یک عنصر یک حاشیه خط تعریف کنید:

h1 {
   border: 5px solid red;
}
a {
   border: 2px solid green; 
}

این در واقع خلاصه ای برای سه مورد زیر خط حاشیه بندی CSS است:

  • عرض حاشیه
  • به سبک مرزی
  • رنگ لبه

نحوه کار با مرزبندی :

برای تعریف حاشیه بندی خط در CSS ، مثال نحوی زیر را دنبال کنید:

حاشیه: رنگ سبک عرض

مقادیر موجود در بخش زیر توضیح داده خواهد شد.

Default valueDefined inDescriptionValue
mediumواحدهای طول یا کلمات کلیدی (نازک ، متوسط ، ضخیم)عرض حاشیه CSSwidth
noneکلمات کلیدی (هیچ ، جامد ، پنهان ، تکه تکه ، نقطه چین ، دو ، شیار ، خط الراس ، قرار دادن ، شروع)سبک حاشیه CSSstyle
currentcolorمقادیر نام رنگ ، مقادیر RGB ، RGBA ، HEX ، HSL یا HSLA.رنگ حاشیه CSScolor

توجه: نیازی نیست که همه زیرخاصیت ها را برای مرزهای خط تعریف کنید. ترتیب نیز مهم نیست.

پشتیبانی از مرورگر

این تگ در مرورگرهای IE ، safari ، firefox، cherom،  opera  و Edge پشتیبانی می شود.

در دوره آموزش CSS بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.

این مقاله چقدر براتون مفید بود؟

اولین امتیاز را ثبت کنید😊