Для завдання ширини та висоти елементів у 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.