ویژگی کوتاه شده
پرش به ناوبری
پرش به جستجو
همان‌طور که شما از مثال بالا می‌بینید، ویژگی‌های زیادی وجود دارند که شما هنگام کار با کادر با آنها سر و کار دارید.[۱]
بمنظور کوتاه کردن کد، تعریف کردن همه ویژگی‌های مجزای کادر در یک ویژگی نیز ممکن است.
ویژگی border یک ویژگی مختصر شده برای ویژگی‌های جداگانه کادر است:
border-width
border-style(اجباری)
border-color
مثال
1 p {
2 border: 5px solid red;
3 }
نتیجه:
همچنین می‌توانید تمامی ویژگی‌های مجزای کادر را فقط برای یک ضلع تعیین کنید:
کادر سمت چپ
1 p {
2 border-left: 6px solid red;
3 background-color: lightgrey;
4 }
نتیجه:
کادر پایین
1 p {
2 border-bottom: 6px solid red;
3 background-color: lightgrey;
4 }
نتیجه:
منابع آموزشی