‎‎مرزهاي جدولHTML Table Borders -‎

‎‎جداولHTML ميتوانندداراي مرز با سبك واشكال مختلف باشند.

‎‎اضافه كردن حاشيه جدولHow To Add a Border -‎

‎هنگاميكه براي يك جدول حاشيه اضافه ميكنيد، اين حاشيه را هميشه براي سلولهاي جدول هم اضافه ‎نمائيد.

‎براي اضافه نمودن حاشيه از ويژگيCSS ‎border‎ روي عناصر ‎table , tr ‎‎ ‎و‎td‎ استفاده ميشود .

‎‎مثال ـ اضافه نمودن حاشيه براي جدول

<style>table, th, td {
  border: 1px solid black;
}
</style>

‎‎حاشيه منفردCollapse Table Borders -‎

‎براي اجتناب از حاشيه دوبل مشابه مثال بالا، وافزودن حاشيه تكي، مقدار‎collapse‎ ‎براي ويژگي‎border-‎collapse‎ منظور ميشود . اين شرايط باعث ميشود كه مرزها به يك ‎مرز منفرد ياتكي تبدل شود.

‎‎مثال ـ جدول با مرز منفرد

table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}

‎‎حاشيه نامرئيStyle Table Borders -‎

‎اگر رنگ پس زمينه هر سلول يكسان با سند نباشد وحاشيه رنگ سفيد مشابه پس زمينه سند باشد يك ‎حاشيه نامرئي مطابق نمونه زير شكل ميگيرد.

‎‎مثال ـ حاشيه نامرئي

<style>table, th, td {
  border: 1px solid white;
  border-collapse: collapse;
}
th, td {
  background-color: #96D4D4;
}
</style>

‎‎حاشيه گردRound Table Border -‎

‎‎با ويژگيCSS ‎border-‎radius‎ ميتوان حاشيه گرد مطابق نمونه زير ايجاد نمود.

‎‎مثال ـ نمونه بالا

table, th, td {
  border: 1px solid black;
  border-rudius: 10px;
}

‎‎براي حذف حاشيه خود جدول كافيستtable را از انتخاب CSS حذف كنيد .

‎‎مثال ـ نمونه بالا

th, td {
  border: 1px solid black;
  border-rudius: 10px;
}

‎‎حاشيه نقطه چينDotted Table Borders -‎

‎‎با ويژگيCSS ‎border_style‎ ميتوان حاشيه نقطه چين را برقرار نمود .

‎‎مقادير براي ويژگي فوق مطابق زيراست.

• dotted         
• dashed         
• solid         
• double         
• groove         
• ridge         
• inset         
• outset         
• none         
• hidden         

‎‎مثال ـ نمونه حاشيه نقطه چين

th, td {
  border-style: dotted;
}

‎‎رنگ حاشيهBorder Color -‎

‎‎مثال ـ نمونه رنگ حاشيه

th, td {
  border-style:solid;
  border-color: #96D4D4;
}

HTML tutorial آموزش اچ تی ام ال

HTML Forms فرمهای اچ تی ام ال

HTML Graphicsگرافیک اچ تی ام ال

HTML Media رسانه

HTML APIs

HTML References

Sitemap Protocol