مرز در CSS
دسته بندی : آموزش CSS سطح مقاله : متوسط زمان مطالعه : 2 دقیقه آخرین بروز رسانی: 20 بهمن 1399با تعریف مرز در CSS آشنا می شویم.
تعریف مرز در CSS
ویژگی مرز در CSS به شما امکان می دهد برای یک عنصر یک حاشیه خط تعریف کنید:
h1 {
border: 5px solid red;
}
a {
border: 2px solid green;
}
این در واقع خلاصه ای برای سه مورد زیر خط حاشیه بندی CSS است:
- عرض حاشیه
- به سبک مرزی
- رنگ لبه
نحوه کار با مرزبندی :
برای تعریف حاشیه بندی خط در CSS ، مثال نحوی زیر را دنبال کنید:
حاشیه: رنگ سبک عرض
مقادیر موجود در بخش زیر توضیح داده خواهد شد.
Default value | Defined in | Description | Value |
medium | واحدهای طول یا کلمات کلیدی (نازک ، متوسط ، ضخیم) | عرض حاشیه CSS | width |
none | کلمات کلیدی (هیچ ، جامد ، پنهان ، تکه تکه ، نقطه چین ، دو ، شیار ، خط الراس ، قرار دادن ، شروع) | سبک حاشیه CSS | style |
currentcolor | مقادیر نام رنگ ، مقادیر RGB ، RGBA ، HEX ، HSL یا HSLA. | رنگ حاشیه CSS | color |
توجه: نیازی نیست که همه زیرخاصیت ها را برای مرزهای خط تعریف کنید. ترتیب نیز مهم نیست.
پشتیبانی از مرورگر
این تگ در مرورگرهای IE ، safari ، firefox، cherom، opera و Edge پشتیبانی می شود.
در دوره آموزش CSS بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.
این مقاله چقدر براتون مفید بود؟