Шаблон:Column-rule
Зовнішній вигляд

![]() | Стовпчики наразі підтримуються лише новішими версіями браузерів на базі Gecko (таких як Mozilla Firefox) та на базі WebKit (таких як Google Chrome та Safari). Усі версії Internet Explorer включно з версією 9 та Opera включно з версією 11 не підтримують стовпчиків. |
Шаблон, що задає ширину, стиль та колір вертикальних роздільників між стовпцями тексту засобами CSS. Додається у тег стилю (style="…"
) будь-якого блокового елемента, значення за замовчуванням — 1px solid #AAA
.
Синтаксис
[ред. код]{{column-rule|ширина стиль колір]}}
Використання
[ред. код]Вставте цей шаблон у тезі style для будь-якого блочного елементу:
<div style="{{column-count|3}} {{column-rule}}">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<div style="{{column-count|3}} {{column-rule|2px solid #00C}}">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Див. також
[ред. код]- {{column-count}}
- {{column-gap}}
- {{column-width}}
Документація вище включена з Шаблон:Column-rule/документація. (ред. | історія) Дописувачі можуть експериментувати на підсторінках пісочниця (створити | дзеркало) та тести (створити) цього шаблону. Будь ласка, додавайте категорії до підсторінки /документація. Підсторінки цього шаблону. |