CSS/Блочная Модель: различия между версиями

Содержимое удалено Содержимое добавлено
Нет описания правки
Нет описания правки
Строка 107:
* <code>border</code>
* <code>border-color</code>
 
Значения [[CSS/Цвет|цвета]] указываются с помощью одного из стандартных способов.
 
* <code>border-style</code>
 
Значения:
 
<ul>
<li style="margin: 10px; padding: 10px; border-style: none;">none (CSS1)</li>
<li style="margin: 10px; padding: 10px; border-style: hidden;">hidden (CSS2/CSS2.1)</li>
<li style="margin: 10px; padding: 10px; border-style: dotted;">dotted (CSS1)</li>
<li style="margin: 10px; padding: 10px; border-style: dashed;">dashed (CSS1)</li>
<li style="margin: 10px; padding: 10px; border-style: solid;">solid (CSS1)</li>
<li style="margin: 10px; padding: 10px; border-style: double;">double (CSS1)</li>
<li style="margin: 10px; padding: 10px; border-style: groove;">groove (CSS1)</li>
<li style="margin: 10px; padding: 10px; border-style: ridge;">ridge (CSS1)</li>
<li style="margin: 10px; padding: 10px; border-style: inset;">inset (CSS1)</li>
<li style="margin: 10px; padding: 10px; border-style: outset;">outset (CSS1)</li>
</ul>
 
* <code>border-width</code>
 
Значения этого свойства указываются либо с помощью [[CSS/Длины и единицы|неотрицательных значений]], либо с помощью ключевых слов thin, medium, thick (третье значение больше).
 
* <code>border-top</code>
* <code>border-right</code>
Строка 121 ⟶ 143 :
* <code>outline-style</code>
* <code>outline-width</code>
 
Значения для последних четырёх свойств аналогичны свойствам для <code>border</code>, кроме свойства <code>outline-style</code>, которое не поддерживает значение hidden.