Шаблон:Css: различия между версиями

<div style="color: #555555; font-size: 80%; font-style: italic; font-family: serif; text-align: center;">Материал из '''Библиотеки Теопедии''', http://ru.teopedia.org/lib</div>
Перейти к навигации Перейти к поиску
м (улучшено описание)
м
 
(не показана 1 промежуточная версия этого же участника)
Строка 12: Строка 12:
 
* '''свойство''' -- css свойство
 
* '''свойство''' -- css свойство
 
* '''значение''' -- значение этого свойства
 
* '''значение''' -- значение этого свойства
 +
  
 
'''На данный момент определены:'''
 
'''На данный момент определены:'''
* '''border-radius''' -- радиус закругления углов рамки
+
* '''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>

Текущая версия на 16:40, 4 июня 2022

Этот шаблон упрощает оформление с помощью CSS. Он определяет несколько свойств.

Для копирования:

{{css||}}

Значения:

{{css|свойство|значение}}
  • свойство -- css свойство
  • значение -- значение этого свойства


На данный момент определены:

  • border-radius -- радиус закругления углов рамки; пример: {{css|border-radius|8}}
  • border-radius-bottom -- аналогично первому, но рамка закругляется только снизу; пример: {{css|border-radius-bottom|8}}