1. مهمان گرامی، جهت ارسال پست، دانلود و سایر امکانات ویژه کاربران عضو، ثبت نام کنید.
    بستن اطلاعیه

آموزش css/ظاهر جداول/خاصيت border-spacing

شروع موضوع توسط Amon Amarth ‏16/4/13 در انجمن CSS

  1. کاربر ارشد

    تاریخ عضویت:
    ‏7/6/12
    ارسال ها:
    12,082
    تشکر شده:
    28,151
    امتیاز دستاورد:
    113
    جنسیت:
    مرد
    آموزش css/ظاهر جداول/خاصيت border-spacing


    [h=3]خاصيت border-spacing[/h] [TABLE="class: pr, width: 100%"]
    [TR]
    [TD="class: prname"] نام خاصيت
    [/TD]
    [TD="class: prname"] نوع خاصيت
    [/TD]
    [TD="class: prdes"] شرح
    [/TD]
    [/TR]
    [TR]
    [TD="class: prbody"] border-spacing [/TD]
    [TD="class: prbody"] length [/TD]
    [TD="class: prbody"] اين خاصيت ميزان فاصله بين خطوط حاشيه خانه های درونی جدول را با خطوط حاشيه دور جدول بر حسب واحدی مثل پيکسل یا نقطه تعيين می کند .
    مثال : اين خاصيت فقط در زمانی کاربرد دارد ، که خاصيت border-collapse روی مقدار seprate تنظيم شده باشد . [/TD]
    [/TR]
    [/TABLE]
    مثال : در مثال زير بين خطوط حاشيه خانه های جدول و خطوط حاشيه بيرونی ، فاصله ايجاد کرده ايم :
    [TABLE="class: ex"]
    [TR]
    [TD="class: header, colspan: 2"] Example [/TD]
    [/TR]
    [TR]
    [TD="class: body"] < table style="border: solid 2px blue; border-collapse: separate ; border-spacing : 3px " >
    < tr >
    < td style="border: solid 2px blue" >
    Cell 1
    < /td >
    < td style="border: solid 2px blue" >
    Cell 2
    < /td >
    < /tr >
    < /table >
    [/TD]
    [TD="class: header"] کد [/TD]
    [/TR]
    [TR]
    [TD="class: body"] [TABLE="width: 400"]
    [TR]
    [TD] Cell 1 [/TD]
    [TD] Cell 2 [/TD]
    [/TR]
    [/TABLE]
    [/TD]
    [TD="class: header"] خروجی [/TD]
    [/TR]
    [/TABLE]



    منبع: developer1
     
    یک شخص از این تشکر کرد.