Create successful ePaper yourself
Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.
مبحث ششم: Tables<br />
در این مبحث در مورد جداول صحبت میکنیم. که البته خاصیت های این مبحث شما را قادر<br />
مینماید تا نحوه نمایش جدول و اجزای آن را در صفحه مشخص نماید.<br />
Border-collapse<br />
این خاصیت مدل حاشیه را برای تگ<br />
Table<br />
را مشخص میکند.<br />
این خاصیت دارای مقادیر زیر میباشد:<br />
:Separate<br />
در صورت استفاده از این مقدار تنها خانه های که در درون جدول وجود دارد<br />
<br />
میتواند حاشیه داشته باشد. اما ستون ها و ردیف ها نمیتواند دارای حاشیه باشند. یعنی<br />
تنها یک سلول از چهار طرف فاصله میگیرد. در ضمن این مقدار ، مقدار پیشفرض<br />
میباشد.<br />
:Collapsing<br />
در صورت استفاده از این مقدار فاصله بین خانه های جدول و حاشیه های آنها<br />
<br />
قرار نمیگیرد.<br />
Border-spacing<br />
این تنها زمانی کاربرد دارد که از مقدار<br />
Separate<br />
میزان فاصله بین خانه های جدول را کنترول میکند.<br />
برای جدول استفاده کرده باشید و این خاصیت<br />
در مثال باال قیمت 1em فاصله افقی را و 0.5em فاصله عمودی را بین خانه های جدولی تعیین<br />
میکند.<br />
آموزش کاربردی <strong>CSS</strong>3<br />
#results {<br />
Border-collapse: separate;<br />
Border-spacing: 1em 0.5em;<br />
}<br />
نکته: این خاصیت قادر است که اعداد منفی و در ضمن یک یا دو مقدار را بپذیرد. در صورت<br />
استفاده از دو مقدار، بصورت معمول قیمت اول مربوط به فاصله افقی و مقدار دوم مربوط به<br />
فاصله دومی میشود. اما اگر از یک قیمت استفاده نماید این قیمت هم مربوط به اندازه افقی و هم<br />
مربوط به اندازه عمودی آن میشود.<br />
73<br />
”رسولی” نویسنده: فردوس