خلاصه سازی ویژگی border در CSS

همان طور که در مقاله ی قبلی مشاهده کردید، وقتی داریم با کادرها(border) کار می کنیم، باید با ویژگی های مختلفی کار کنیم. این امکان نیز وجود دارد تا تمام ویژگی های کادر(border) را در یک ویژگی خلاصه کنیم. ویژگی border به خودی خود، یک روش خلاصه شده برای تمام ویژگی های کادر(border) می باشد؛ یعنی خلاصه ی سه مقدار زیر:

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

p {
  border: 5px solid red;
}

ما همچنین می توانیم از ویژگی های فردی برای اشاره یک سمت از کادرها استفاده کنیم:

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

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