¿Como puedo cambiar el tamaño del overline? (CSS)

LABANDADELOSO · #1 (**permalink**) 28/10/2013, 21:44

Hola muchachos, tengo una consulta simple, pero no lo eh podido solucionar...
lo que sucede es que estoy haciendo un hover con css y deseo que al pasar el mouse se subraye la palabra, esto lo hago con "text-decoration: underline;", pero la raya es muy pequeña, lo que deseo hacer es cambiarle el tamaño para que sea mas gruesa.

Saludos.

LABANDADELOSO · #2 (**permalink**) 30/10/2013, 16:05

o en el caso de que no sea posible cambiar el tamaño por defecto del overline, alguien tiene algun codigo en css que cumpla la fucion de hover, cosa que al pasar el mouse, aparesca una barra subrayando el texto? ...

SALUDOS

Rafael · #3 (**permalink**) 30/10/2013, 17:43

Ponle un border-bottom: 3px; por ejemplo.
Para que no se mueva por aquí y allá, juega con el color, en hover.

pzin · #4 (**permalink**) 31/10/2013, 03:52

El grosor de la raya del subrayado no puede cambiarse, porque, aunque existan text-decoration-(style|color|position|etc), no existe text-decoration-width. Así que tendrás que hacer lo que comenta Rafael.

Rafael · #5 (**permalink**) 31/10/2013, 04:41

Complemento. El underline creo que debe ser dependiente de la tipografía, si tienes una tipografía bold, o grande, este debe cambiar proporcionalmente. Por eso supongo yo que no viene en la especificación cambiarle el grosor.