CSS Borders

حاشیه‌های CSS — اصول پایه

حاشیه‌ها خطوطی هستند که دور جعبه‌ی یک عنصر کشیده می‌شوند. می‌توانید ضخامت، نوع و رنگ آن‌ها را کنترل کنید.

ویژگی‌های حاشیه در CSS

1. border
   یک خاصیت مختصر است که ضخامت، نوع و رنگ حاشیه را هم‌زمان تنظیم می‌کند.

border: 2px solid red;

     2. border-width
           ضخامت حاشیه را مشخص می‌کند.

border-width: 4px;

3. border-style
   نوع خط حاشیه را تعیین می‌کند. چند نمونه معمول:

• solid (خط پیوسته)

• dashed (خط‌چین)

• dotted (نقطه‌چین)

• double (دو خط موازی)

• none (بدون حاشیه)

border-style: dashed;

4.border-color
         رنگ حاشیه را مشخص می‌کند.

border-color: blue;

حاشیه‌های هر طرف

می‌توانید برای هر سمت حاشیه جداگانه تعیین کنید:

• border-top (بالا)

• border-right (راست)

• border-bottom (پایین)

• border-left (چپ)

مثال:

border-top: 3px dotted green;

حاشیه‌های گرد (گوشه‌های گرد)

با استفاده از border-radius می‌توانید گوشه‌های حاشیه را گرد کنید:

border-radius: 10px;

مثال کلی