Keskustelu: Nettisivujen teko: Pystyviiva

Kysyn tyhmiä, mutta onko mahdollista toteuttaa html:llä pystyviivaa sivustoon? Eli kun <hr> tekee viivan vaakatasoon (_____), jokin muu komento tekisi viiva pystytasoon (|)

CSS:llä elementtiin border yhdelle sivulle?

<style type="text/css">
/* class */
.border {
border-width:1px 0px 0px 0px;
border-style:solid;
border-color:black;
width:100%;
height:100%;
}
</style>

Siitä en ole varma mihin kohti tuo sen viivan teki, mutta kokeile
eli esim

<table class="border">
<tr>
<td>
 &nbsp;
</td>
</tr>
</table>

HTML:ssä ei ole suoraan tuollaista samanlaista tagia pystyviivan tekemiseen kuin vaakaviivalle. CSS-tyylittelyillä voi tietysti korostaa jonkin elementin reunan, mutta silloinkin pystyviiva on vain elementin korkuinen (ei koko sivun mittainen).

Kannattaisiko tuollaista koristelua edes käyttää riippuu vähän siitä mihin väliin haluaisit pystyviivan.

Yksi tapa olisi myös käyttää toistuvaa taustakuvaa, jossa olisi pystyviiva tietyn etäisyyden päässä reunasta, mutta silloin teksti tai muu sisältö saattaisi ylittää viivan, kun sivua katsottaisiin eri laitteilla tai selaimilla.

Mihin tarvitsisit pystyviivan?