私はborder-right
テーブルの上にあり、テーブルが同じままにならないので、上下から数ピクセル短く、できれば高さの 80 ~ 90% にしたいと考えて<td>
います。
このような:
これは可能ですか?
table{
border-right: 1px solid #f00;
}
私はborder-right
テーブルの上にあり、テーブルが同じままにならないので、上下から数ピクセル短く、できれば高さの 80 ~ 90% にしたいと考えて<td>
います。
このような:
これは可能ですか?
table{
border-right: 1px solid #f00;
}
疑似要素でそれを行うことができます:
table {
position: relative;
}
table:after {
position: absolute;
border-right: 1px solid #f00;
content: "";
top: 5%;
bottom: 5%;
right: -1px;
}
追加のマークアップは許容されますか?
<div id="wrapper">
<table width="200" height="100" bgcolor="#eee0e0">
<tr>
<td>TEXT</td>
</tr>
</table>
</div>
table{
border-right: 1px solid #f00;
}
#wrapper {
background: #eee0e0;
padding: 20px 0;
display: table; /* necessary for shirnk wrapping (inline-block would also work)
}