Largeur et hauteur des éléments en CSS

Pour définir la largeur et la hauteur des éléments en CSS, les propriétés width et height sont destinées. Les valeurs de ces propriétés sont généralement définies en pixels. Les pixels sont désignés par px et ajoutés au nombre. Par exemple, pour définir une taille de 100 pixels, la valeur de la propriété doit être la suivante : 100px.

Regardons le fonctionnement de ces propriétés avec un exemple. Définissons une largeur de 200px et une hauteur de 100px pour les cellules d'un tableau :

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

Créez dans le code HTML des paragraphes avec un long texte. À l'aide de CSS, définissez une largeur de 300px pour tous les paragraphes.

Le tableau suivant est donné :

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

Définissez une largeur de 400px et une hauteur de 300px pour les cellules de ce tableau.