CSS-এ এলিমেন্টের প্রস্থ এবং উচ্চতা
CSS-এ এলিমেন্টের প্রস্থ এবং উচ্চতা নির্ধারণের জন্য
width এবং height বৈশিষ্ট্য রয়েছে।
এই বৈশিষ্ট্যগুলির মান সাধারণত পিক্সেলে নির্ধারণ করা হয়।
পিক্সেল px হিসাবে চিহ্নিত করা হয়
এবং সংখ্যার সাথে যোগ করা হয়। উদাহরণস্বরূপ,
100 পিক্সেল আকার নির্ধারণ করতে,
বৈশিষ্ট্যের মানটি নিম্নরূপ নির্দিষ্ট করা উচিত: 100px।
একটি উদাহরণ দিয়ে এই বৈশিষ্ট্যগুলির কাজ দেখি।
আসুন কিছু টেবিলের সেলগুলির প্রস্থ
200px এবং উচ্চতা 100px নির্ধারণ করি:
<table border="1">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
</table>
td {
width: 200px;
height: 100px;
}
:
HTML কোডে দীর্ঘ পাঠ্য সহ অনুচ্ছেদ তৈরি করুন।
CSS ব্যবহার করে সমস্ত অনুচ্ছেদের প্রস্থ
300px সেট করুন।
নিম্নলিখিত টেবিলটি দেওয়া হয়েছে:
<table border="1">
<tr>
<td>John</td>
<td>Smith</td>
<td>200$</td>
</tr>
<tr>
<td>Nick</td>
<td>Mayers</td>
<td>300$</td>
</tr>
<tr>
<td>Alex</td>
<td>Jonson</td>
<td>400$</td>
</tr>
</table>
এই টেবিলের সেলগুলির প্রস্থ
400px এবং উচ্চতা 300px সেট করুন।