Шаблон:Css: различия между версиями
(Новая страница: «<noinclude>Этот шаблон упрощает оформление с помощью CSS. Оно определяет несколько свойств. '''…») |
мНет описания правки |
||
| (не показаны 2 промежуточные версии этого же участника) | |||
| Строка 1: | Строка 1: | ||
<noinclude>Этот шаблон упрощает оформление с помощью CSS. | <noinclude>Этот шаблон упрощает оформление с помощью CSS. Он определяет несколько свойств. | ||
'''Для копирования:''' | '''Для копирования:''' | ||
| Строка 12: | Строка 12: | ||
* '''свойство''' -- css свойство | * '''свойство''' -- css свойство | ||
* '''значение''' -- значение этого свойства | * '''значение''' -- значение этого свойства | ||
'''На данный момент определены:''' | '''На данный момент определены:''' | ||
* | * '''border-radius''' -- радиус закругления углов рамки; пример: <nowiki>{{css|border-radius|8}}</nowiki> | ||
* '''border-radius-bottom''' -- аналогично первому, но рамка закругляется только снизу; пример: <nowiki>{{css|border-radius-bottom|8}}</nowiki> | |||
[[Категория: Шаблоны оформления]] | [[Категория: Шаблоны оформления]] | ||
| Строка 21: | Строка 23: | ||
<includeonly>{{#switch: {{{1|}}} | <includeonly>{{#switch: {{{1|}}} | ||
| border-radius = {{#vardefine:css|border-radius:{{{2|}}}px; -webkit-border-radius:{{{2|}}}px; -moz-border-radius:{{{2|}}}px;}} | | border-radius = {{#vardefine:css|border-radius:{{{2|}}}px; -webkit-border-radius:{{{2|}}}px; -moz-border-radius:{{{2|}}}px;}} | ||
| border-radius-bottom = {{#vardefine:css|-webkit-border-bottom-left-radius:{{{2|}}}px; -webkit-border-bottom-right-radius:{{{2|}}}px; -moz-border-radius-bottomleft:{{{2|}}}px; -moz-border-radius-bottomright:{{{2|}}}px; border-bottom-left-radius:{{{2|}}}px; border-bottom-right-radius:{{{2|}}}px;}} | |||
| #default = {{#vardefine:css|{{{1|}}}: {{{2|}}};}} | | #default = {{#vardefine:css|{{{1|}}}: {{{2|}}};}} | ||
}}{{#var:css}}</includeonly> | }}{{#var:css}}</includeonly> | ||
Текущая версия от 13:40, 4 июня 2022
Этот шаблон упрощает оформление с помощью CSS. Он определяет несколько свойств.
Для копирования:
{{css||}}
Значения:
{{css|свойство|значение}}
- свойство -- css свойство
- значение -- значение этого свойства
На данный момент определены:
- border-radius -- радиус закругления углов рамки; пример: {{css|border-radius|8}}
- border-radius-bottom -- аналогично первому, но рамка закругляется только снизу; пример: {{css|border-radius-bottom|8}}