টিআর এলিমেন্টের চারপাশে বর্ডারটি দেখায় না?

Question

দেখে মনে হচ্ছে ক্রোম / ফায়ারফক্স সীমান্ত রেন্ডার করে না tr, তবে নির্বাচক থাকলে এটি সীমানাকে রেন্ডার করে table tr td।

আমি কীভাবে একটি ট্রিতে একটি সীমানা সেট করতে পারি?

আমার চেষ্টা, যা কাজ করে না:

table tr {
  border: 1px solid black;
}

<table>
  <tbody>
    <tr>
      <td>
        Text
      </td>
    </tr>
  </tbody>
</table>

http://jsfiddle.net/edi9999/VzPN2/

এটি একটি অনুরূপ প্রশ্ন: টেবিল ট্রিতে সীমানা নির্ধারণ করুন, আই 6 এবং 7 ব্যতীত সমস্ত কিছুতে কাজ করে , তবে মনে হয় এটি IE বাদে সর্বত্র কাজ করে।

Comments

আমি ফায়ারফক্স ব্যবহার করছি এবং আমি কোনও সীমানা দেখতে পাচ্ছি না

— স্পিডিসনেইল

Answer 1

এটি স্টাইলশিটে যুক্ত করুন:

table {
  border-collapse: collapse;
}

জেএসফিডাল ।

কেন এটি এর সাথে আচরণ করে তার কারণটি স্পেসিফিকেশনে আসলে বেশ ভালভাবে বর্ণনা করা হয়েছে :

সিএসএসে টেবিল কক্ষে সীমানা নির্ধারণের জন্য দুটি স্বতন্ত্র মডেল রয়েছে। একটি পৃথক কোষের চারদিকে তথাকথিত পৃথক সীমানাগুলির জন্য সবচেয়ে উপযুক্ত, অন্যটি সীমানাগুলির জন্য উপযুক্ত যা টেবিলের এক প্রান্ত থেকে অন্য প্রান্তে অবিচ্ছিন্ন থাকে।

... এবং পরে, collapseসেটিংসের জন্য :

ধসে পড়া সীমানা মডেলটিতে, কোনও ঘর, সারি, সারি গোষ্ঠী, কলাম এবং কলাম গোষ্ঠীর সমস্ত বা অংশকে ঘিরে থাকা সীমানা নির্দিষ্ট করা সম্ভব।

Comments

কেন সীমানা লুকিয়ে ছিল?

— edi9999

কারণ এটি কীভাবে separate- ডিফল্ট - সারণী সীমানা মডেল কাজ করে: আপনি প্রতিটি ঘরের জন্য সীমানা নির্দিষ্ট করেন। আমি ডকুমেন্টেশন থেকে উদ্ধৃতি সহ উত্তর আপডেট করব।

— রায়না 77 ই

@ edi9999 - আমি একটি রিসেট স্টাইলশিট ব্যবহার করার পরামর্শ দিচ্ছি। এটি http://www.cssreset.com/ দেখুন

— কালো শিপ

সীমানাটি কেন আড়াল করা হয়েছিল তার নির্দিষ্ট ব্যাখ্যাটি উদ্ধৃত সিএসএস স্পিকে এই বিবৃতিটি পৃথক সীমানা মডেলটিতে প্রয়োগ হিসাবে উপস্থাপিত হয়েছে: “সারি, কলাম, সারি গোষ্ঠী এবং কলামের দলগুলির সীমানা থাকতে পারে না (অর্থাত্ ব্যবহারকারী এজেন্টদের অবশ্যই সীমানাকে উপেক্ষা করতে হবে) এই উপাদানগুলির জন্য বৈশিষ্ট্য)।

— জুলকা কে। করপেলা

আপনার ফিজলারের উদাহরণ দিয়ে বাজানো সাহায্য করেছে, ধন্যবাদ;)

— জেক 2