সিএসএস ব্যবহার করে ঘর (টিডি) এর মধ্যে স্থান যুক্ত করুন

Question

আমি ঘরের মধ্যে স্থান সহ একটি টেবিল যুক্ত করার চেষ্টা করছি কারণ ঘরের ব্যাকগ্রাউন্ডের রঙ সাদা এবং টেবিলের পটভূমি রঙ নীল, আপনি সহজেই দেখতে পাবেন যে প্যাডিং এবং মার্জিন কাজ করছে না (আমি এটি প্রয়োগ করছি td), এটি কেবলমাত্র ঘরের অভ্যন্তরে স্থান যুক্ত করবে।

Comments

সিএসএসে সেলপ্যাডিং এবং সেলস্পেসিং কীভাবে সেট করবেন তার

— ব্যবহারকারী

Answer 1

আপনি চান border-spacing:

<table style="border-spacing: 10px;">

বা কোনও সিএসএস ব্লকে কোথাও:

table {
  border-spacing: 10px;
}

দেখুন quirksmode উপর border-spacing। border-spacingআই 7 এবং নীচে কাজ করে না সে বিষয়ে সচেতন থাকুন ।

Comments

আই 7 এবং এর নীচে, আপনি সারণি ট্যাগে সেলস্পেসিং বৈশিষ্ট্যটি ব্যবহার করতে পারেন। এটি উভয়ই এটিতে কাজ করতে সরবরাহ করতে পারেন। অন্যান্য ব্রাউজারগুলি শৈলীতে অগ্রাধিকার দেবে।

— টোর ভ্যালামো

Answer 2

table { 
  border-spacing: 10px; 
} 

আমি মুছে ফেলার পরে এটি আমার জন্য কাজ করেছিল

border-collapse: separate;

আমার টেবিল ট্যাগ থেকে।

Comments

পৃথক পৃথক পৃথক, কিন্তু এটি আমাকে সাহায্য করেছে :-)

— ফ্রেডরোগার

হ্যাঁ আপনি জানেন না যে 'সীমান্ত-পতন'ও বদলাতে হবে। এটি সঠিক উত্তর হওয়া উচিত।

— jleggio

Answer 3

খনিটি হ'ল:

border-spacing: 10px;
border-collapse: separate;

Comments

মার্জিনটি প্রভাবিত করার জন্য আমাকে বোডার-ধসের CSS সম্পত্তি যুক্ত করতে হবে। ধন্যবাদ

— ইউএফকে

Answer 4

ট্যাগ বা সিএসএস সম্পত্তি হিসাবে ব্যবহার cellspacingএবং cellpaddingবৈশিষ্ট্য বিবেচনা করুন ।tableborder-spacing

Answer 5

সারণী ট্যাগের সেলস্পেসিং (কোষগুলির মধ্যে দূরত্ব) প্যারামিটারটি আপনি যা চান তা অবিকল। অসুবিধাটি হ'ল এটির একটি মান, এক্স এবং y উভয়ের জন্যই ব্যবহৃত হয়, আপনি উল্লম্ব / অনুভূমিকভাবে আলাদা ফাঁক বা প্যাডিং চয়ন করতে পারবেন না। একটি সিএসএস সম্পত্তি রয়েছে, তবে এটি ব্যাপকভাবে সমর্থিত নয়।

Answer 6

মনে করুন cellspcing/ cellpadding/ border-spacingসম্পত্তি কাজ করে নি, আপনি নিম্নলিখিত কোডটি ব্যবহার করতে পারেন।

<div class="form-group">
  <table width="100%" cellspacing="2px" style="border-spacing: 10px;">
    <tr>                        
      <td width="47%">
        <input type="submit" class="form-control btn btn-info" id="submit" name="Submit" />
      </td>
      <td width="5%"></td>
      <td width="47%">
        <input type="reset" class="form-control btn btn-info" id="reset" name="Reset" />
      </td>
    </tr>
  </table>
</div>

টেবিল-প্রস্থ ব্যবহার করে বোতামটি আলাদা করার সময় আমি চেষ্টা করেছি এবং সফল হয়েছি এবং 2 বা 1% খালি টিডি তৈরি করে এটি আরও আলাদা হয় না।

Answer 7

আপনি যদি পাশে এবং শীর্ষ-নীচের জন্য পৃথক মান চান।

<table style="border-spacing: 5px 10px;">