Ширина и висота елементів на 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.