ویژگی‌های کوتاه کناره CSS

CSS Border - کوتاه‌ترین ویژگی‌ها

همانطور که در فصل قبلی دیدید، هنگام کار با حاشیه‌ها باید به بسیاری از خاصیت‌ها توجه کرد.

برای کاهش کد، شما همچنین می‌توانید تمامی خاصیت‌های حاشیه‌ای را در یک خاصیت مشخص کنید.

border این خاصیت یک کوتاه‌نویسی از تمامی خاصیت‌های حاشیه است:

  • border-width
  • border-style（ضروری)
  • border-color

مثال

p {
  border: 5px solid red;
}

نتیجه:

متن‌های برخی

آموزش خودتان

شما همچنین می‌توانید تمام属性 حاشیه‌ای را برای یک سمت خاص تنها با یک خاصیت مشخص کنید:

چپ

p {
  border-left: 6px solid red;
  background-color: lightgrey;
}

نتیجه:

متن‌های برخی

آموزش خودتان

کف

p {
  border-bottom: 6px solid red;
  background-color: lightgrey;
}

نتیجه:

متن‌های برخی

آموزش خودتان