# Ширина и высота элементов на 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>Иван</td> <td>Иванов</td> <td>200$</td> </tr> <tr> <td>Николай</td> <td>Петров</td> <td>300$</td> </tr> <tr> <td>Владимир</td> <td>Сидоров</td> <td>400$</td> </tr> </table>`

Установите ячейкам этой таблицы ширину в `400px` и высоту в `300px`.

←→
↑