empty-cells касиети
empty-cells касиети браузера HTML таблицасынын
td же th
<а href="/ky/markup/manual/html/tag/td/">уячаларынын бош болгондогу фону жана чегин кантип көрсөтүү керектигин көрсөтөт:
көрсөтсүнбү же көрсөтпөсүнбү.
Уяча төмөнкү учурларда бош деп эсептелет:
эч кандай символ болбошу керек, уячада
орого гана турат (бир же бир нече), саптын
өзгөрүшү же табуляция символу, же же
visibility
касиети hidden катары белгиленген болсо.
Уячаны бош эмес кылуу үчүн, бирок ошону менен бирге
көрүнбөгөн текстсиз, төмөнкү
ыкма колдонулат: уячага үзүлбөс бош орун
жазылат.
Касиет иштебейт, эгерде border-collapse
collapse маанисинде белгиленсе.
Синтаксис
селектор {
empty-cells: show | hide;
}
Маанилер
| Маани | Сүрөттөмө |
|---|---|
show |
Бош уячанын фону жана чеги көрсөтүлөт. |
hide |
Бош уячанын фону жана чеги көрсөтүлбөйт. |
Демейки маани: show.
Мисал . Show мааниси
Азыркы таблицада кээ бир уячалар бош, бирок алардын баарында дагы чеги жана фону бар:
<table>
<tr>
<td>уяча</td>
<td></td>
<td>уяча</td>
</tr>
<tr>
<td></td>
<td>уяча</td>
<td></td>
</tr>
<tr>
<td>уяча</td>
<td>уяча</td>
<td>уяча</td>
</tr>
</table>
table {
width: 400px;
empty-cells: show;
}
td {
border: 1px solid black;
background-color: #f3f3f3;
text-align: center;
}
:
Мисал . Hide мааниси
Эми болсо бош уячалар фонго жана чекке ээ болбойт:
<table>
<tr>
<td>уяча</td>
<td></td>
<td>уяча</td>
</tr>
<tr>
<td></td>
<td>уяча</td>
<td></td>
</tr>
<tr>
<td>уяча</td>
<td>уяча</td>
<td>уяча</td>
</tr>
</table>
table {
width: 400px;
empty-cells: hide;
}
td {
border: 1px solid black;
background-color: #f3f3f3;
text-align: center;
}
:
Ошондой эле караңыз
-
empty псевдоклассы,
ал бош элементтин кандай көрүнөөрүн аныктайт