ویژگی کوتاه شده

از موتو کد، دانشنامهٔ برنامه‌نویسی

همان‌طور که شما از مثال بالا می‌بینید، ویژگی‌های زیادی وجود دارند که شما هنگام کار با کادر با آنها سر و کار دارید.[۱]

بمنظور کوتاه کردن کد، تعریف کردن همه ویژگی‌های مجزای کادر در یک ویژگی نیز ممکن است.

ویژگی 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;
}

منابع آموزشی[ویرایش]