- CSS
- HTML
Є таблиця. border: none, border-collapse: collapse
У всіх tr варто border-bottom: 1px
1. З'явилася необхідність додавати / прибирати кордон до конкретних осередків, відмінну від кордону рядки. Але при додаванні спостерігається досить дивну поведінку.
Уточнення. З solid все нормально відображається, але мені потрібен dotted.
Якщо ставити 1px - відображається тільки ліва і права кордону, верх-низ типу «з'їдає» межа tr. Пробував переносити border-bottom на td - все одно. Якщо поставити! Important - з'являється нижня межа. Верхня ніяк.
За фактом, я так розумію, проблема в тому, що відбувається collapse різних кордонів. Але як це вирішити - не знаю.
Але при цьому, що цікаво, межа нормально відображається в разі ширини в 2px.
2. Ще недолік, що та ж межа виходить ніби зовні осередки, що взагалі логічно. Але хочеться інакше. Чи можна, не додаючи ніяких елементів всередину td. зробити так, щоб кордон був «всередині» осередки і не впливала на розташування тексту (тобто, щоб при зміні border текст візуально не зміщувався)? Бажано без особливих милиць, я тоді вже краще додам всередину якийсь div.