Как изменить зачеркивание / строка - через толщину в CSS?
Я использую text-decoration: line-through в CSS, но я, может казаться, не нахожу способа варьироваться толщина строки без неэлегантных взломов как <hr> или оверлейные программы изображения.
Там какой-либо изящный путь состоит в том, чтобы указать толщину строки - через?
4 ответа
краткий ответ: нет. это зависит от шрифта, то же самое для толщины подчеркивания - она меняется в зависимости от толщины текста
У меня есть идея, но для этого потребуется добавить дополнительный элемент для каждого уровня толщины.
html
<span><strike>test test</strike></span><br />
<span id="test"><strike> </strike></span>
css
span {height:1em}
#test {position:relative;top:-1.3em}
Кстати, пробелы во втором диапазоне являются специальными - вам нужно будет использовать alt + 0160 или alt + 255.
Вы также можете использовать блок пикселей на отрицательной вершине, если попытаетесь расположить его точно.
Есть еще одна альтернатива, которая включает в себя использование сначала text-decoration , а затем стиля или и посмотрите, можете ли вы подтолкнуть его по вертикали не перемещая текст вместе с ним.
html
<span><strike>test test</strike></span>
css
span {text-decoration:line-through;color:red}
strike {position:relative;top:1px}
Оба работают нормально, но не забудьте использовать переходный тип документа, потому что устарел.
Нет.
Однако, если зачеркнутый цвет совпадает с цветом текста, вы можете легко обойтись использованием собственного изображения в качестве фона.
Если вам требуются другие цвета, то единственный выход - наложение пользовательского перечеркнутого изображения.
Толщина линии определяется шрифтом (семейство, размер и т.д.). В CSS нет возможности изменить это http://www.w3.org/TR/REC-CSS1/#text-decoration