آموزش جداول CSS

11 جولای 2021

حاشیه های جدول

برای مشخص کردن مرزهای جدول در CSS ، از borderویژگی استفاده کنید .

مثال زیر یک حاشیه سیاه برای عناصر <table> ، <th> و <td> مشخص می کند:

مثال

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

جدول بالا ممکن است در بعضی موارد کوچک به نظر برسد. اگر به یک جدول نیاز دارید که باید کل صفحه را پوشش دهد (تمام عرض) ، width: 100%به عنصر <table> اضافه کنید :

مثال

table {
  width: 100%;
}

دو مرز

توجه داشته باشید که جدول مثالهای بالا دارای مرزهای دوتایی است. به این دلیل که هم جدول و هم عناصر <th> و <td> مرزهای جداگانه ای دارند.

برای حذف حاشیه های دوگانه ، به مثال زیر نگاه کنید.


جمع کردن حاشیه های جدول

border-collapseمجتمع های املاک آیا مرزهای جدول باید به مرز واحد سقوط:مثال

table {
  border-collapse: collapse;
}

اگر فقط یک حاشیه در اطراف جدول می خواهید ، فقط borderویژگی را برای <table> مشخص کنید :

مثال

table {
  border: 1px solid black;
}

منبع

مقاله‌های مشابه

7 مرحله فروش بیمه عمر (2)

7 مرحله فروش بیمه عمر (2)

18/9/96 چه بلایی سر آدم میاره خیلی جالبه انقدر سنگ، توام داری درست راه میری اینجوری لنگ میزنی، وقتی یه ذره زمانش طولانی تر بشه دیگه لنگ نمیزنی مجبوری اینجوری کنی من دیگه نمیتونم بیام یه ذره میشینی پامیشی، فروش اینو خیلیها حذف میکنن، برای خیلیها تو ذهنشون همون سنگه...

بیشتر بخوانید
7 مرحله فروش بیمه عمر (1)

7 مرحله فروش بیمه عمر (1)

11/9/96 امروز میخوایم 7 مرحله فروش بیمه عمر یا هر محصولی که شما در کل کره زمین میشناسید، وقتی میگم محصول یه روز این محصولی که داریم ازش صحبت میکنیم میتونه هر چیزی به چیزی بجز بیمه عمر باشه، یکی از مهمترین مباحثی که در دوره تکنسین یاد میگیرید و عملاً آچارفرانسه تمام...

بیشتر بخوانید

شما هم به جمع ۱۰۰,۰۰۰ مشترک خبرنامه‌ ما بپیونید

0 دیدگاه

یک دیدگاه بنویسید

نشانی ایمیل شما منتشر نخواهد شد.