Есть ли атрибут стиля outdent, который можно применить к границе DIV?

Question

Я создаю HTML-страницу, используя сетку 960.gs.Я бы хотел провести вертикальную пунктирную линию по центру одного из желобов.

Страница с наложением сетки (желоба отмечены красным):

Страница с макетированной вертикальной пунктирной линией:

Однако желоба применяются в качестве полей в таблице стилей grid.css.Когда я добавляю границу к столбцам содержимого, она сразу же сбрасывает сетку и разрывает страницу (последний столбец DIV переносится на следующую строку).

Мой обходной путь - придать всей странице вертикально повторяющийся фон940px x 2px, содержит точки, чтобы создать иллюзию пунктирной границы.

Я бы предпочел, чтобы это было обработано в коде.

Мой вопрос: есть лиПоведение, аналогичное text-indent?

При использовании со значением минус, это возвращает начало текста без влияния на размер DIV, поля, отступы или смежные DIV.

Возможно, я смогу сделать что-то подобное с границей столбцов.

Answer 1

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

Насколько я понимаю, это самое желаемое и эффективное решение, которое я нашел.

Answer 2

Вы должны добавить дополнительные div.То же самое, когда вы хотите добавить padding.

<div class="container_12">
    <div class="grid_6">
        <div id="content">
            <!-- Your content -->
        </div>
    </div>
</div>

#content { 
    border-right: 1px dotted black;
    padding: 0 1em;
}