CSS-də elementlərin eni və hündürlüyü

CSS-də elementlərin enini və hündürlüyünü təyin etmək üçün width və height xassələri nəzərdə tutulub. Bu xassələrin qiymətləri, bir qayda olaraq, piksel ilə təyin olunur. Piksellər px kimi işarələnir və rəqəmə əlavə olunur. Məsələn, 100 piksel ölçü təyin etmək üçün xassənin qiyməti aşağıdakı kimi göstərilməlidir: 100px.

Gəlin bu xassələrin işini bir nümunə üzərində nəzərdən keçirək. Hansısa cədvəlin xanalarına 200px eni və 100px hündürlüyü təyin edək:

<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 kodunda uzun mətni olan abzaslar yaradın. CSS vasitəsilə bütün abzaslara 300px en təyin edin.

Aşağıdakı cədvəl verilib:

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

Bu cədvəlin xanalarına 400px eni və 300px hündürlüyü təyin edin.