Как сделать вертикальную тонкую линию разделитель с помощью CSS? Чтобы было можно менять стиль линии.

К примеру так:
в CSS пишешь

Код

.spacer {     width: 1;     border-bottom: none;     border-top: none;     border-right: none;     border-left: что-то; }

Здесь в "что-то" описать стиль линии, например: dotted - из точек, dashed - пунктир и т.д.
Здесь же указываются цвет и толщина линии


в HTML:

Код

<table class=spacer height=высота_разделителя> <tr><td></td></tr> </table>

Enjoy!

Это я знаю. Я имею в виду, а можно ли такое сотворить если используется тег <div>, как обойтись без картинок? Или вставлять в этот тег блок? Так, что ли только? Имею в виду, что в <div> надо вставить какой-нибудь элемент у которого граница настраивается? А другие способы есть?

Цитата(OPG @ 15.3.2005, 14:34)

Так, что ли только? Имею в виду, что в <div> надо вставить какой-нибудь элемент у которого граница настраивается? А другие способы есть?

Настрой div:

Код

div.spacer {     margin:2px;     width:2px;     background-color:#CCCCCC;     height:100px;     float:left;     text-align:left;     vertical-align:top; } /* или span, только без float'a */ span.spacer {     width:2px;     background-color:#CCCCCC;     height:100px;     text-align:left;     vertical-align:top;     margin:4px; }

И применяй.

Код

<div class="spacer"></div>Тра, ля, ля

Можно попробовать по аналогии с div использовать HR. Запись короче получится.