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

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

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

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

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


منابع آموزشی