linea vertical

Iballa · #1 (**permalink**) 05/04/2013, 05:46

Hola, ¿existe alguna etiqueta en html que cree una linea vertical? (tipo hr), sin que haya que hacerlo con tablas o imagen? Gracias¡

emprear · #2 (**permalink**) 05/04/2013, 07:11

No, no existe.
Bueno, también podés hacer esto
css

Código:

hr.v{
width: 1px;
height: 500px;
}

html

Código:

<hr class="v" />

Saludos

Rafael · #3 (**permalink**) 05/04/2013, 10:05

A esa opción habría que ponerle adicionalmente un float o algo así...

Pero probablemente es mejor meter un background repetido en "y" al objeto que necesites.

Lineas verticales, normalmente van para separar columnas. Por ahí hay un nuevo atributo pero no está soportado por muchos navegadores todavía.

Código CSS:

Ver originaldiv
    {
    -moz-column-rule:3px outset #ff00ff; /* Firefox */
    -webkit-column-rule:3px outset #ff00ff; /* Safari and Chrome */
    column-rule:3px outset #ff00ff;
    }

Es para combinarse con column count.

Otra alternativa es usar un border-left o right.