Участник:Bhudh/Plage: различия между версиями

Материал из LingvoWiki
Перейти к навигацииПерейти к поиску
(→‎Свойство BORDER: добавлено описание свойств border-color и border-style)
 
(не показано 20 промежуточных версий этого же участника)
Строка 5: Строка 5:
 
<big>[[Участник:Bhudh/Plage/Шаблон:I longa|I longa]]</big><br />
 
<big>[[Участник:Bhudh/Plage/Шаблон:I longa|I longa]]</big><br />
 
<big>[[Участник:Bhudh/Plage/Шаблон:Lang-la-test|Lang-la-test]]</big><br />
 
<big>[[Участник:Bhudh/Plage/Шаблон:Lang-la-test|Lang-la-test]]</big><br />
 +
<big>[[Участник:Bhudh/Plage/Шаблон:Склонение-test|Склонение-test]]</big><br />
  
=Тест шаблонов=
+
=Тестовые подстраницы=
<div style="background:ivory;width:90%;margin-left:5%;padding-left:2%;padding-right:2%;">
+
*[[/SVG-Test|SVG-Test]]
==Из Википедия:Механизм шаблонов==
+
*[[/SMW-Test|SMW-Test]]
Если в главном пространстве имен существует статья Имя шаблона, то можно вызвать ее, поставив перед именем шаблона двоеточие
+
*[[/Таблица с сортировкой|<span style="color:green;">Sor</span>'''<span style="color:#004488;">t</span>'''<span style="color:blue;">able</span>-Test]]
<nowiki>{{</nowiki>:Имя шаблона<nowiki>}}</nowiki>
+
*[[/Тесты шаблонов|Тесты шаблонов]]
 
 
Таким образом, любую страницу можно использовать как шаблон. Если вызывать так картинку
 
<nowiki>{{</nowiki>Файл:Имя шаблона<nowiki>}}</nowiki>
 
 
 
или категорию,
 
<nowiki>{{</nowiki>Категория:Имя шаблона<nowiki>}}</nowiki>
 
 
 
то будет подставлена описательная часть картинки и категории соответственно. Таким способом удобно
 
экспериментировать с шаблонами (не залезая в пространство шаблонов);
 
«вытаскивать» подписи и описания картинок;
 
изготавливать специальные составные статьи (например, для печати).</div>
 
 
 
===Проверка связи===
 
<nowiki>{{</nowiki>:МФА<nowiki>}}</nowiki> ⇒ {{:МФА}} ''(Ссылка на страницу)''<br />
 
<nowiki>{{</nowiki>МФА<nowiki>}}</nowiki> ⇒ {{МФА}} ''(Шаблон как он есть)''<br />
 
<nowiki>{{</nowiki>МФА|МФА<nowiki>}}</nowiki> ⇒ {{МФА|МФА}} ''(Текст шрифтом для МФА)''<br />
 
<nowiki>{{</nowiki>:МФА|МФА<nowiki>}}</nowiki> ⇒ {{:МФА|МФА}} ''(Опять ссылка на страницу)''<br />
 
 
 
 
 
<nowiki>''{{</nowiki>msgnw:МФА<nowiki>}}''</nowiki> ⇒ ''{{msgnw:МФА}}''
 
 
 
 
 
Работает.<br />
 
Теперь файло.
 
 
 
<nowiki>[[</nowiki>Файл:MyLingvoWiki.png|30px<nowiki>]]</nowiki> ⇒ [[Файл:MyLingvoWiki.png|30px]]<br />
 
<nowiki>{{</nowiki>Файл:MyLingvoWiki.png<nowiki>}}</nowiki> ⇒ {{Файл:MyLingvoWiki.png}}<br />
 
<nowiki>{{</nowiki>:Файл:MyLingvoWiki.png<nowiki>}}</nowiki> ⇒ {{:Файл:MyLingvoWiki.png}}
 
<!-- А Hellerick на логотип описания не поставил. Ы-ы-ы. -->
 
 
 
Работает.<br />
 
Попробуем категории.
 
 
 
<nowiki>[[</nowiki>Категория:Шаблоны<nowiki>]]</nowiki> ⇒ [[:Категория:Шаблоны]]<br />
 
<nowiki>{{</nowiki>Категория:Шаблоны<nowiki>}}</nowiki> ⇒ {{Категория:Шаблоны}}<br />
 
<nowiki>{{</nowiki>:Категория:Шаблоны<nowiki>}}</nowiki> ⇒ {{:Категория:Шаблоны}}
 
 
 
''Bhudh'' 08:24, 20 марта 2010 (UTC)
 
 
 
 
=Текстики=
 
=Текстики=
 
[[Участник:Bhudh/Plage/ЧЮДНЩЄ|ЧЮДНЩЄ]] (Автор: ''Борис Заходер'')<br />
 
[[Участник:Bhudh/Plage/ЧЮДНЩЄ|ЧЮДНЩЄ]] (Автор: ''Борис Заходер'')<br />
=CSS=
+
[[Участник:Bhudh/Plage/Θεογονία|{{lang-gr2|Θεογονία}}]] (Автор: {{lang-gr2|Ἡσίοδος}})<br />
<div style="background:ivory;width:90%;margin-left:5%;padding-left:2%;padding-right:2%;">
 
==Свойство BACKGROUND==
 
Параметр позволяет установить одновременно до пяти атрибутов стиля фона. Значения могут идти в любом порядке, браузер сам определит, какое из них соответствует нужному атрибуту. Для более подробного ознакомления с аргументами, смотрите свойства каждого параметра отдельно.
 
===Синтаксис===
 
<code style="font-family:Consolas, mono;">background: background-attachment || background-color || background-image || background-position || background-repeat</code>
 
 
 
Аргументы: любые комбинации пяти значений, определяющих стиль фона, в произвольном порядке. Значения разделяются между собой пробелом. Ни один аргумент не является обязательным, поэтому неиспользуемые значения можно опустить.<hr />
 
===Свойство BACKGROUND-ATTACHMENT===
 
Параметр устанавливает, будет ли прокручиваться фоновое изображение вместе с содержимым элемента. Изображение может быть зафиксировано и оставаться неподвижным, либо перемещаться совместно с документом.
 
====Синтаксис====
 
<code style="font-family:Consolas, mono;">background-attachment: fixed | scroll</code>
 
 
 
Значение fixed делает фоновое изображение элемента неподвижным (и очень тормозит прокрутку), scroll&nbsp;— позволяет перемещаться фону вместе с содержимым.<hr />
 
===Свойство BACKGROUND-COLOR===
 
Устанавливает фоновый цвет элемента. Хотя этот параметр не наследует свойства своего родителя, из-за того, что начальное значение цвета фона устанавливается прозрачным, он совпадает с фоном текущего элемента.
 
====Синтаксис====
 
<code style="font-family:Consolas, mono;">background-color: ''цвет''</code>
 
 
 
Значение цвета можно задавать тремя способами.
 
 
 
'''По его названию'''
 
*Браузеры поддерживают некоторые цвета по [[Участник:Bhudh/Цвета|их названию]].
 
 
 
'''По шестнадцатеричному значению'''
 
*Для задания цветов используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из ее названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменены латинскими буквами. Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно. Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной системе. Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставят символ решетки #, например <code>#666999</code>. Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF. Таким образом, обозначение цвета разбивается на три составляющие <code>#rrggbb</code>, где первые два символа отмечают красную компоненту цвета, два средних — зеленую, а два последних — синюю. Допускается использовать сокращенную форму вида <code>#rgb</code>, где каждый символ следует удваивать. Так, запись <code>#fe0</code> следует расценивать как <code>#ffee00</code>.
 
 
 
'''С помощью RGB'''
 
*Можно определить цвет используя значения красной, зеленой и синей составляющей в десятичном исчислении. Значение каждого из трех цветов может принимать значения от 0 до 255. Например: <code>RGB(249, 201, 16)</code>. Также можно задавать цвет в процентном отношении.
 
 
 
Кроме значения цвета, еще один допустимый аргумент — <code>transparent</code>, устанавливающий прозрачный фон.<hr />
 
===Свойство BACKGROUND-IMAGE===
 
Устанавливает фоновое изображение для элемента. Если одновременно для элемента задан цвет фона, он будет показан, пока фоновая картинка не загрузится полностью. То же произойдет, если изображение не доступно или отключен их показ в браузере. В случае наличия в рисунке прозрачных областей, через них будет проглядывать фоновый цвет.
 
====Синтаксис====
 
<code style="font-family:Consolas, mono;">background-image: url(''путь к файлу'') | none</code>
 
 
 
В качестве значения используется путь к графическому файлу, который указывается внутри конструкции <code>url()</code>. Путь к файлу при этом можно писать как в кавычках (двойных или одинарных), так и без них. Когда фоновое изображение не требуется, аргумент может принимать значение <code>none</code>.<hr />
 
===Свойство BACKGROUND-POSITION===
 
Задает начальное положение фонового изображения, установленного с помощью параметра <code>background-image</code>.
 
====Синтаксис====
 
<code style="font-family:Consolas, mono;">background-position: [проценты | значение] | [left | center | right] || [top | center | bottom]</code>
 
 
 
У этого параметра два значения, положение по горизонтали (может быть — <code>left</code>, <code>center</code>, <code>right</code>) и вертикали (может быть — <code>top</code>, <code>center</code>, <code>bottom</code>). Кроме использования ключевых слов положение также можно задавать в процентах, пикселах или других единицах. Если применяются ключевые слова, то порядок их следования не имеет значения, при процентной записи вначале задается положение рисунка по горизонтали, а затем, через пробел, положение по вертикали. Отношение между используемыми ключевыми словами и процентной записью следующее:
 
 
 
*<code style="font-family:Consolas, mono;">top left = left top = 0% 0%</code>&nbsp;&nbsp;(в левом верхнем углу)
 
*<code style="font-family:Consolas, mono;">top = top center = center top = 50% 0%</code>&nbsp;&nbsp;(по центру вверху)
 
*<code style="font-family:Consolas, mono;">right top = top right = 100% 0%</code>&nbsp;&nbsp;(в правом верхнем углу)
 
*<code style="font-family:Consolas, mono;">left = left center = center left = 0% 50%</code>&nbsp;&nbsp;(по левому краю и по центру)
 
*<code style="font-family:Consolas, mono;">center = center center = 50% 50%</code>&nbsp;&nbsp;(по центру)
 
*<code style="font-family:Consolas, mono;">right = right center = center right = 100% 50%</code>&nbsp;&nbsp;(по правому краю и по центру)
 
*<code style="font-family:Consolas, mono;">bottom left = left bottom = 0% 100%</code>&nbsp;&nbsp;(в левом нижнем углу)
 
*<code style="font-family:Consolas, mono;">bottom = bottom center = center bottom = 50% 100%</code>&nbsp;&nbsp;(по центру внизу)
 
*<code style="font-family:Consolas, mono;">bottom right = right bottom = 100% 100%</code>&nbsp;&nbsp;(в правом нижнем углу)
 
 
 
В скобках указано, где располагается фоновый рисунок относительно контейнера.<hr />
 
===Свойство BACKGROUND-REPEAT===
 
Определяет, как будет повторяться фоновое изображение, установленное с помощью параметра <code>background-image</code>, и по какой оси. Можно установить повторение рисунка только по горизонтали, по вертикали или в обе стороны.
 
====Синтаксис====
 
<code style="font-family:Consolas, mono;">background-repeat: no-repeat | repeat | repeat-x | repeat-y</code>
 
 
 
====Аргументы====<br />
 
*<code>no-repeat</code><br />
 
Устанавливает одно фоновое изображение в элементе без его повторений, положение которого определяется атрибутом <code>background-position</code> (по умолчанию в левом верхнем углу).
 
 
 
*<code>repeat</code><br />
 
Фоновое изображение повторяется по горизонтали и вертикали.
 
 
 
*<code>repeat-x</code><br />
 
Фоновый рисунок повторяется только по горизонтали
 
 
 
*<code>repeat-y</code><br />
 
Фоновый рисунок повторяется только по вертикали
 
</div>
 
==='''Примеры использования'''===
 
&nbsp;&nbsp;&nbsp;свойства <code>background-color</code> на <s><span style="color:grey;">кошках</span></s> таблицах.
 
 
 
Свойство <code>background-color:lightgreen</code> применено ко всей таблице.<br />
 
Результат:
 
{| style="background-color:lightgreen;"
 
|&nbsp;A&nbsp;
 
|&nbsp;B&nbsp;
 
|-
 
|&nbsp;C&nbsp;
 
|&nbsp;D&nbsp;
 
|}
 
<hr />
 
К первой строке применено свойство <code>background-color:green</code>,<br />
 
ко второй строке применено свойство <code>background-color:azure</code>.<br />
 
Результат:
 
{|
 
|- style="background-color:green;"
 
|&nbsp;A&nbsp;
 
|&nbsp;B&nbsp;
 
|- style="background-color:azure;"
 
|&nbsp;C&nbsp;
 
|&nbsp;D&nbsp;
 
|}
 
<hr />
 
К ячейке '''A''' применено свойство <code>background-color:beige</code>,<br />
 
&nbsp;&nbsp;к ячейке '''B''' применено свойство <code>background-color:teal</code>,<br />
 
&nbsp;&nbsp;к ячейке '''C''' применено свойство <code>background-color:khaki</code>.<br />
 
&nbsp;&nbsp;к ячейке '''D''' применено свойство <code>background-color:purple</code>.<br />
 
Результат:
 
{|
 
|-
 
| style="background-color:beige;"|&nbsp;A&nbsp;
 
| style="background-color:teal;"|&nbsp;B&nbsp;
 
|-
 
| style="background-color:khaki;"|&nbsp;C&nbsp;
 
| style="background-color:purple;"|&nbsp;D&nbsp;
 
|}
 
<hr />
 
<div style="background:ivory;width:90%;margin-left:5%;padding-left:2%;padding-right:2%;">
 
== Свойство BORDER ==
 
Позволяет одновременно установить толщину, стиль и цвет рамки вокруг элемента. Значения могут идти в любом порядке, разделяясь пробелом, браузер сам определит, какое из них соответствует нужному атрибуту.
 
=== Синтаксис ===
 
<code style="font-family:Consolas, mono;">border: border-width || border-style || border-color</code>
 
 
 
Значение <code>[[Участник:Bhudh/Plage#Свойство BORDER-WIDTH|border-width]]</code> определяет толщину рамки. Для управления видом рамки предоставляется восемь значений свойства <code>[[Участник:Bhudh/Plage#Свойство BORDER-STYLE|border-style]]</code>. Свойство <code>[[Участник:Bhudh/Plage#Свойство BORDER-COLOR|border-color]]</code> устанавливает цвет рамки, значение может быть в любом допустимом для CSS формате.<hr />
 
 
 
Каждое из значений можно устанавливать и по отдельности.<br />
 
Также для установки рамки только на определенных сторонах элемента используются свойства <code>[[Участник:Bhudh/Plage#Свойство BORDER-TOP|border-top]]</code>, <code>[[Участник:Bhudh/Plage#Свойство BORDER-BOTTOM|border-bottom]]</code>, <code>[[Участник:Bhudh/Plage#Свойство BORDER-LEFT|border-left]]</code>, <code>[[Участник:Bhudh/Plage#Свойство BORDER-RIGHT|border-right]]</code>.
 
 
 
Внимание! Чтобы различные свойства стилей отобразились, может оказаться необходимым явно установить для элемента непустое значение атрибута <code>border</code>!<br />
 
Например: <nowiki><div border="1"></nowiki>
 
=== Свойство BORDER-COLOR ===
 
Устанавливает цвет границы на разных сторонах элемента. Параметр позволяет задать цвет границы сразу на всех сторонах элемента или определить цвет границы только на указанных сторонах.
 
==== Синтаксис ====
 
<code style="font-family:Consolas, mono;">border-color: {''значения''}</code>
 
 
 
Разрешается использовать одно, два, три или четыре значения, разделяя их между собой '''пробелом'''.<br />Результат зависит от количества аргументов:
 
{| class="wikitable"
 
!Число<br />аргументов!!Результат
 
|-
 
|style="text-align:center; vertical-align:center; font-size:120%;"|1
 
|Цвет рамки будет установлен для всех сторон элемента.
 
|-
 
|style="text-align:center; vertical-align:center; font-size:120%;"|2
 
|Первый аргумент устанавливает цвет верхней и нижней границы, второй аргумент — левой и правой.
 
|-
 
|style="text-align:center; vertical-align:center; font-size:120%;"|3
 
|Первый аргумент задает цвет верхней границы, второй — одновременно левой и правой стороны, а третий — нижней границы. (То есть «сверху вниз»)
 
|-
 
|style="text-align:center; vertical-align:center; font-size:120%;"|4
 
|Поочередно устанавливается цвет верхней, правой, нижней и левой границы. (То есть «по часовой стрелке», начиная с верхней границы)
 
|}
 
==== Примеры ====
 
{| border="3" style="border-width: 0px;margin-left:5em;"
 
|style="border-color:red;width:2em;text-align:center;border-width:3px;"|'''1'''
 
|style="border-width: 0px;"|
 
|style="border-color:red green;width:2em;text-align:center;border-width:3px;"|'''2'''
 
|style="border-width: 0px;"|
 
|style="border-color:red green red;width:2em;text-align:center;border-width:3px;"|'''3'''
 
|style="border-width: 0px;"|
 
|style="border-color:red green blue;width:2em;text-align:center;border-width:3px;"|'''4'''
 
|style="border-width: 0px;"|
 
|style="border-color:red green blue green;width:2em;text-align:center;border-width:3px;"|'''5'''
 
|style="border-width: 0px;"|
 
|style="border-color:green blue blue green;width:2em;text-align:center;border-width:3px;"|'''6'''
 
|style="border-width: 0px;"|
 
|style="border-color:blue blue khaki khaki;width:2em;text-align:center;border-width:3px;"|'''7'''
 
|style="border-width: 0px;"|
 
|style="border-color:red blue blue blue;width:2em;text-align:center;border-width:3px;"|'''8'''
 
|style="border-width: 0px;"|
 
|style="border-color:blue blue blue red;width:2em;text-align:center;border-width:3px;"|'''9'''
 
|style="border-width: 0px;"|
 
|style="border-color:green blue green orange;width:2em;text-align:center;border-width:3px;"|'''10'''
 
|style="border-width: 0px;"|
 
|style="border-color:red green maroon blue;width:2em;text-align:center;border-width:3px;"|'''11'''
 
|}
 
# Ячейке задано свойство <code>border-color: red;</code>
 
# Ячейке задано свойство <code>border-color: red green;</code>
 
# Ячейке задано свойство <code>border-color: red green red;</code> (Результат аналогичен предыдущему)
 
# Ячейке задано свойство <code>border-color: red green blue;</code>
 
# Ячейке задано свойство <code>border-color: red green blue green;</code> (Результат аналогичен предыдущему)
 
# Ячейке задано свойство <code>border-color: green blue blue green;</code> (Оформление углов ┏ и ┛)
 
# Ячейке задано свойство <code>border-color:blue blue khaki khaki;</code> (Оформление углов ┓ и ┗)
 
# Ячейке задано свойство <code>border-color: red blue blue blue;</code> («Коробка с крышкой»)
 
# Ячейке задано свойство <code>border-color: blue blue blue red;</code> («Клетка с дверцей»)
 
# Ячейке задано свойство <code>border-color: green blue green orange;</code> (Аналог 3-х аргументов для верхней и нижней границ)
 
# Ячейке задано свойство <code>border-color: red green maroon blue;</code> (Цвета всех границ разные)
 
<hr />
 
=== Свойство BORDER-STYLE ===
 
Устанавливает стиль рамки вокруг элемента. Допустимо задавать индивидуальные стили для разных сторон элемента.
 
==== Синтаксис ====
 
<code style="font-family:Consolas, mono;">border-style: ''стиль''</code>
 
  
Для управления видом рамки предоставляется восемь значений свойства. Вид рамки зависит от используемого браузера и заданной толщины границы.
+
=Мануалы=
 +
[[/CSS|CSS]]
 +
=[[Участник:Bhudh/Книги|Книги]]=
 +
*'''Антуан Мейе'''. [[Участник:Bhudh/Книги/Мейе, Антуан. Введение в сравнительное изучение индоевропейских языков|Введение в сравнительное изучение индоевропейских языков]] (цитаты)
 +
*'''Алексей Савченко'''. Сравнительная грамматика индоевропейских языков (цитаты)
 +
*'''Пьер Шантрен'''. [[Участник:Bhudh/Книги/Шантрен, Пьер. Историческая морфология греческого языка|Историческая морфология греческого языка]] (начало)
 +
*'''Иосиф Тронский'''. [[Участник:Bhudh/Книги/Тронский, Иосиф. Историческая грамматика латинского языка|Историческая грамматика латинского языка]] (цитаты)
 +
*'''Иосиф Тронский'''. [[Участник:Bhudh/Книги/Тронский, Иосиф. Общеиндоевропейское языковое состояние|Общеиндоевропейское языковое состояние ''(вопросы реконструкции)'']]
  
Порядок и количество нескольких аргументов указывается аналогично тому, что указано в свойстве <code>border-color</code>.
+
=Интересные ссылки=
==== Примеры ====
+
<span style="font-size:120%;">[http://incubator.wikimedia.org/wiki/Wp/grc/Κυρία_Δέλτος/ϝ {{lang-gr2|Ἡ Ϝικιπαιδεία ἑλληνιστί}}]</span> — Древнегреческая Википедия в Wikimedia Incubatorʼе.
{| width="90%" cellspacing="15" border="0" align="center"
 
<caption>Вид рамки в зависимости от стиля и толщины границы элемента</caption>
 
! 1 пиксел
 
! 3 пиксела
 
! 5 пикселов
 
! 7 пикселов
 
|- style="border-width: 10px"
 
| style="padding:1px 1em; text-align:center; border: 1px #fc0 dotted; margin: 0px"| dotted
 
| style="padding:1px 1em; text-align:center; border: 3px #fc0 dotted; margin: 0px"| dotted
 
| style="padding:1px 1em; text-align:center; border: 5px #fc0 dotted; margin: 0px"| dotted
 
| style="padding:1px 1em; text-align:center; border: 7px #fc0 dotted; margin: 0px"| dotted
 
|- style="border-width: 10px"
 
| style="padding:1px 1em; text-align:center; border: 1px #fc0 dashed; margin: 0px"| dashed
 
| style="padding:1px 1em; text-align:center; border: 3px #fc0 dashed; margin: 0px"| dashed
 
| style="padding:1px 1em; text-align:center; border: 5px #fc0 dashed; margin: 0px"| dashed
 
| style="padding:1px 1em; text-align:center; border: 7px #fc0 dashed; margin: 0px"| dashed
 
|- style="border-width: 10px"
 
| style="padding:1px 1em; text-align:center; border: 1px #fc0 solid; margin: 0px"| solid
 
| style="padding:1px 1em; text-align:center; border: 3px #fc0 solid; margin: 0px"| solid
 
| style="padding:1px 1em; text-align:center; border: 5px #fc0 solid; margin: 0px"| solid
 
| style="padding:1px 1em; text-align:center; border: 7px #fc0 solid; margin: 0px"| solid
 
|- 
 
| style="padding:1px 1em; text-align:center; border: 1px #fc0 double; margin: 0px"| double
 
| style="padding:1px 1em; text-align:center; border: 3px #fc0 double; margin: 0px"| double
 
| style="padding:1px 1em; text-align:center; border: 5px #fc0 double; margin: 0px"| double
 
| style="padding:1px 1em; text-align:center; border: 7px #fc0 double; margin: 0px"| double
 
|- 
 
| style="padding:1px 1em; text-align:center; border: 1px #fc0 groove; margin: 0px"| groove
 
| style="padding:1px 1em; text-align:center; border: 3px #fc0 groove; margin: 0px"| groove
 
| style="padding:1px 1em; text-align:center; border: 5px #fc0 groove; margin: 0px"| groove
 
| style="padding:1px 1em; text-align:center; border: 7px #fc0 groove; margin: 0px"| groove
 
|- 
 
| style="padding:1px 1em; text-align:center; border: 1px #fc0 ridge; margin: 0px"| ridge
 
| style="padding:1px 1em; text-align:center; border: 3px #fc0 ridge; margin: 0px"| ridge
 
| style="padding:1px 1em; text-align:center; border: 5px #fc0 ridge; margin: 0px"| ridge
 
| style="padding:1px 1em; text-align:center; border: 7px #fc0 ridge; margin: 0px"| ridge
 
|- 
 
| style="padding:1px 1em; text-align:center; border: 1px #fc0 inset; margin: 0px"| inset
 
| style="padding:1px 1em; text-align:center; border: 3px #fc0 inset; margin: 0px"| inset
 
| style="padding:1px 1em; text-align:center; border: 5px #fc0 inset; margin: 0px"| inset
 
| style="padding:1px 1em; text-align:center; border: 7px #fc0 inset; margin: 0px"| inset
 
|- 
 
| style="padding:1px 1em; text-align:center; border: 1px #fc0 outset; margin: 0px"| outset
 
| style="padding:1px 1em; text-align:center; border: 3px #fc0 outset; margin: 0px"| outset
 
| style="padding:1px 1em; text-align:center; border: 5px #fc0 outset; margin: 0px"| outset
 
| style="padding:1px 1em; text-align:center; border: 7px #fc0 outset; margin: 0px"| outset
 
|}
 
<hr />
 
=== Свойство BORDER-WIDTH ===
 
<hr />
 
=== Свойство BORDER-TOP ===
 
<hr />
 
==== Свойство BORDER-TOP-COLOR ====
 
<hr />
 
==== Свойство BORDER-TOP-STYLE ====
 
<hr />
 
==== Свойство BORDER-TOP-WIDTH ====
 
<hr />
 
=== Свойство BORDER-LEFT ===
 
<hr />
 
==== Свойство BORDER-LEFT-COLOR ====
 
<hr />
 
==== Свойство BORDER-LEFT-STYLE ====
 
<hr />
 
==== Свойство BORDER-LEFT-WIDTH ====
 
<hr />
 
=== Свойство BORDER-RIGHT ===
 
<hr />
 
==== Свойство BORDER-RIGHT-COLOR ====
 
<hr />
 
==== Свойство BORDER-RIGHT-STYLE ====
 
<hr />
 
==== Свойство BORDER-RIGHT-WIDTH ====
 
<hr />
 
=== Свойство BORDER-BOTTOM ===
 
<hr />
 
==== Свойство BORDER-BOTTOM-COLOR ====
 
<hr />
 
==== Свойство BORDER-BOTTOM-STYLE ====
 
<hr />
 
==== Свойство BORDER-BOTTOM-WIDTH ====
 
<hr />
 
</div>
 
{| border="1" style="border-width:0px;"
 
| style="border-width:thin;"|&nbsp;'''A'''1&nbsp;
 
| style="border-width:thin; border-style:dotted;"|&nbsp;'''B'''1&nbsp;
 
| style="border-width:thin; border-style:dashed;"|&nbsp;'''C'''1&nbsp;
 
| style="border-width:medium; border-style:outset;"|&nbsp;'''D'''1&nbsp;
 
| style="border-width:medium; border-style:inset;"|&nbsp;'''E'''1&nbsp;
 
| style="border-width:medium; border-style:groove;"|&nbsp;'''F'''1&nbsp;
 
| style="border-width:thick; border-style:ridge;"|&nbsp;'''Z'''1&nbsp;
 
| style="border-width:thick; border-style:double;"|&nbsp;'''H'''1&nbsp;
 
| style="border-width:thick; border-style:solid;"|&nbsp;'''Θ'''1&nbsp;
 
| style="border-width:5px; border-style:dotted dashed groove double;"|&nbsp;'''I'''1&nbsp;
 
|-
 
| style="border-width:thin thin; border-color:darkgreen;"|&nbsp;'''A'''2&nbsp;
 
| style="border-width:thin medium; border-style:dotted solid; border-color:darkgreen;"|&nbsp;'''B'''2&nbsp;
 
| style="border-width:thin thick; border-style:dashed dotted; border-color:darkgreen;"|&nbsp;'''C'''2&nbsp;
 
| style="border-width:medium thin; border-style:outset groove; border-color:darkgreen;"|&nbsp;'''D'''2&nbsp;
 
| style="border-width:medium medium; border-style:inset ridge; border-color:darkgreen;"|&nbsp;'''E'''2&nbsp;
 
| style="border-width:medium thick; border-style:groove dotted; border-color:darkgreen;"|&nbsp;'''F'''2&nbsp;
 
| style="border-width:thick thin; border-style:double dashed; border-color:darkgreen;"|&nbsp;'''Z'''2&nbsp;
 
| style="border-width:thick medium; border-style:double double; border-color:darkgreen;"|&nbsp;'''H'''2&nbsp;
 
| style="border-width:thick thick; border-style:solid dashed; border-color:darkgreen;"|&nbsp;'''Θ'''2&nbsp;
 
| style="border-width:5px 7px 9px; border-style:dotted dashed groove double; border-color:darkgreen;"|&nbsp;'''I'''2&nbsp;
 
|-
 
| style="border-width:thin thin medium; border-color:navy;"|&nbsp;'''A'''3&nbsp;
 
| style="border-width:thin medium thin; border-style:dotted solid dotted; border-color:navy;"|&nbsp;'''B'''3&nbsp;
 
| style="border-width:medium thin thin; border-style:dashed dotted dashed; border-color:navy;"|&nbsp;'''C'''3&nbsp;
 
| style="border-width:thin medium thick; border-style:outset groove groove; border-color:navy;"|&nbsp;'''D'''3&nbsp;
 
| style="border-width:thick medium thin; border-style:inset ridge double; border-color:navy;"|&nbsp;'''E'''3&nbsp;
 
| style="border-width:medium thin thin; border-style:groove solid dotted; border-color:navy;"|&nbsp;'''F'''3&nbsp;
 
| style="border-width:medium thin medium ; border-style:ridge double dashed; border-color:navy;"|&nbsp;'''Z'''3&nbsp;
 
| style="border-width:medium thin thick; border-style:double solid groove; border-color:navy;"|&nbsp;'''H'''3&nbsp;
 
| style="border-width:thick medium thick; border-style:solid dashed solid; border-color:navy;"|&nbsp;'''Θ'''3&nbsp;
 
| style="border-width:5px 7px 9px; border-style:dotted dashed groove double; border-color:navy;"|&nbsp;'''I'''3&nbsp;
 
|-
 
| style="border-width:medium 5px 3px 8px; border-color:maroon;"|&nbsp;'''A'''4&nbsp;
 
| style="border-width:4px thin 7px thin; border-style:solid solid dotted solid; border-color:maroon;"|&nbsp;'''B'''4&nbsp;
 
| style="border-width:medium 5px 6px thin; border-style:dashed dotted dashed dashed; border-color:maroon;"|&nbsp;'''C'''4&nbsp;
 
| style="border-width:0.4em medium 1mm 3px; border-style:outset groove groove groove; border-color:maroon;"|&nbsp;'''D'''4&nbsp;
 
| style="border-width:thick 0.5em 1en thin; border-style:inset ridge double double; border-color:maroon;"|&nbsp;'''E'''4&nbsp;
 
| style="border-width:medium 2mm thin 3mm; border-style:groove solid dotted groove; border-color:maroon;"|&nbsp;'''F'''4&nbsp;
 
| style="border-width:3px 4px 5px 6px; border-style:ridge double dashed ridge; border-color:maroon;"|&nbsp;'''Z'''4&nbsp;
 
| style="border-width:0.2em 0.5em 0.7em 1em; border-style:double solid groove dashed; border-color:maroon;"|&nbsp;'''H'''4&nbsp;
 
| style="border-width:0.2en 0.5en 0.7en 1en; border-style:solid dashed groove ridge; border-color:maroon;"|&nbsp;'''Θ'''4&nbsp;
 
| style="border-width:1mm 0.05in 4mm 3pt; border-style:dotted dashed groove double; border-color:maroon;"|&nbsp;'''I'''4&nbsp;
 
|}
 

Текущая версия на 15:40, 18 декабря 2011

Песочницы мне мало. Я люблю простор.

Мои шаблоны

ЛЭС
I longa
Lang-la-test
Склонение-test

Тестовые подстраницы

Текстики

ЧЮДНЩЄ (Автор: Борис Заходер)
Θεογονία (Автор: Ἡσίοδος)

Мануалы

CSS

Книги

Интересные ссылки

Ἡ Ϝικιπαιδεία ἑλληνιστί — Древнегреческая Википедия в Wikimedia Incubatorʼе.