X
انجمن برنامه نویسی آموزش CSS

Css های مربوط به جدول

Css های مربوط به جدول

ویژگی border-collapse در css

ویژگی Border-Collapse نحوه‌ی نمایش حاشیه یک جدول را به دو حالت درمی‌آورد که عبارتند از:

Collapse: در این حالت در طراحی سایت خطوط حاشیه خانه‌های درونی جدول با خطوط حاشیه بیرونی جدول، در قالب یک خط ترکیب شده و یک واحد را تشکیل می‌دهند.

Seprate: در این حالت خطوط حاشیه خانه‌های درونی جدول با خطوط حاشیه بیرونی به صورت مجزا از هم نمایش داده می‌شوند، که حالت استاندارد HTML می‌باشد.

ویژگی border-spacing در css

خاصیت Border-Spacing در طراحی سایت میزان فاصله بین خطوط حاشیه خانه‌های درونی جدول را با خطوط حاشیه دور جدول بر حسب واحدی مانند پیکسل یا نقطه تعیین می‌کند. توجه داشته باشید که این خاصیت فقط زمانیکه خاصیت Border-Collapse روی مقدار Seprate تنظیم شده باشد ایجاد می‌شود.

ویژگی caption-side در css

خاصیت Caption-Side موقعیت قرارگیری عنوان جدول را تعیین می‌کند این عنوان توسط تگ Caption در طراحی سایت ایجاد می‌شود. خاصیت Caption-Side دارای چهار حالت می‌باشد که شامل:

Top: این حالت عنوان به سمت بالای جدول هدایت می‌کند.
Right: این حالت عنوان را به سمت راست جدول منتقل می‌کند.
Bottom: این حالت عنوان را به سمت پایین جدول در طراحی سایت هدایت می‌کند.
Left: عنوان را سمت چپ می‌برد.

ویژگی empty-cells در css

ویژگی Empty-Cells تعیین می‌کند که خانه‌های خالی جدول و همچنین خطوط حاشیه‌های آنها مورد نمایش قرار گیرد و یا خیر. این ویژگی در طراحی سایت دارای دو حالت می‌باشد که عبارتند از:

Show: این حالت خانه‌های خالی و خطوط حاشیه آنها را نمایش می‌دهد.

Hide: این حالت خانه‌های خالی و خطوط حاشیه را نمایش نمی‌دهد، این حالت به صورت پیش فرض می‌باشد.

ویژگی table-layout در css
ویژگی Table-Layout الگوریتم نمایش جدول را نشان می‌دهد. این ویژگی دارای دو الگوریتم برای طراحی جدول می‌باشد که عبارتند از:

الگوریتم نمایش اتوماتیک - Auto: این الگوریتم عرض ستون‌های جدول برحسب محتویات درونی آنها را در طراحی سایت تنظیم می‌کند. این الگوریتم جدول‌ها را کمی کند عمل می‌کند زیرا ابتدا باید محتویات جدول را پردازش کند.

الگوریتم نمایش ثابت - Fixed: در این الگوریتم عرض و ارتفاع جدول و همچنین خانه‌های آن را برحسب مقادیر تعیین شده توسط کاربر تنظیم می‌کند و به محتویات درونی آن‌ها توجهی ندارد بنابراین سرعت پردازش آن بیشتر می‌باشد.

Print
نظرات بسته شده است.
دی ان ان