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 бўй белгиланг.