Upana na Urefu wa Vipengele katika CSS

Kwa kuweka upana na urefu wa vipengele katika CSS sifa zilizokusudiwa ni width na height. Thamani za sifa hizi, kwa kawaida, huwekwa katika saizi ya pikseli. Pikseli zinaonyeshwa kama px na huongezwa kwa nambari. Kwa mfano, kuweka kipimo cha 100 pikseli, thamani ya sifa inapaswa kuonyeshwa kama ifuatavyo: 100px.

Tutaangalia utendakazi wa sifa hizi kwa mfano. Wacha tuweke seli za jedwali fulani upana wa 200px na urefu 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;
}

Tengeneza katika msimbo wa HTML aya zilizo na maandishi marefu. Kwa njia za CSS weka aya zote upana wa 300px.

Imepatikana jedwali lifuatalo:

<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>

Weka seli za jedwali hili upana wa 400px na urefu wa 300px.