Интервал между текстом и подчеркиванием

Я ищу способ увеличить расстояние между текстом и подчеркиванием на моих страницах. Я использую в основном CSS, но мне также пришлось использовать теги, в основном мой вопрос рассматривает оба случая. есть ли способ изменить этот интервал? код довольно прост:Интервал между текстом и подчеркиванием

.title_span { 
font-weight: bold; 
text-decoration: underline; 
color: grey; 
}

мои другие вешать, это попытаться каким-то образом использовать фон для диапазона с помощью 1px изображений и повторите против оси X я ищу, чистый раствор.

источник

2013-11-18 Anton.P

http://stackoverflow.com/questions/1734618/css-underline-possible-to-increase-gap –

возможно дубликат [пространства между текстом и подчеркнут] (Http: // stackoverflow.com/questions/3085394/space-between-text-and-underline) –

Не без трюков, нет. Одно простое решение состоит в том, чтобы обернуть текст в другом промежутке и дать ему нижнюю границу.

<span class="underline"><span class="title_span">title of something</span></span> 

.title_span { 
font-weight: bold; 
text-decoration: underline; 
color: grey; 
} 

.underline { 
    padding-bottom: 2px; 
    border-bottom: grey 1px solid; 
}

http://jsfiddle.net/m9RQ9/

источник

2013-11-18 12:51:03

Показывает два подчеркивания, обновленные по одному http://jsfiddle.net/m9RQ9/1/ :) –

Нет необходимости в дополнительной оболочке, вы можете перенести свойства границы непосредственно внутри .title_span: http://jsfiddle.net/m9RQ9/2/ – kevinius

большое спасибо! @kevinius благодарю вас за примечание –

Im боюсь, что это не по возможности за скажем, но то, что вы можете сделать, это применить border-bottom в качестве альтернативы background-image

источник

2013-11-18 12:49:44 SW4

расстояние между текстом и подчеркнуть его нет, но вы могли бы пойти с чем-то вроде границы дна: 1px твердый # 000 и подкладка-дно: 3px.

Редактировать: если вы хотите иметь тот же цвет «подчеркивания» (который в моем примере является границей), вы просто не указываете декларацию цвета, то есть border-bottom-width: 1px и border-bottom-style: твердое вещество.

источник

2013-11-18 12:50:02

Интервал между текстом и подчеркиванием

ответ

Смежные вопросы