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>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>
Бұл кестенің ұяшықтарына 400px енін және 300px биіктігін орнатыңыз.