Шаблон:Column-rule/документація
![]() | Це підсторінка документації шаблону {{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}}