Наследование свойств border

[staff-base]

<style>
div { border: 1px solid; }
div.pt { border: dotted green; }
</style>

<div>1 1 1 1</div>
<div class="pt">2 2 2 2</div>

Почему

1) <div class="pt"> выводит рамку аж трёхпиксельными точками, а не наследует из селектора для div?

2) Если убрать dotted в div.pt { border: dotted green; }, то рамка у второго div-а пропадает?

В http://htmlbook.ru/css/border написано border: [border-width || border-style || border-color], т.е. все атрибуты указывать не надо.

[Gaspode]

1. Потому что когда вы пишете свойство border, вы переопределеяете сразу все свойства границы, т.е. ширина рамки принимает значение по умолчанию (4 пикселя). Если вам нужно переопределить стиль и цвет, переопределяйте отдельно border-style и border-color.

Это, кстати, не имеет отношения к наследованию, о наследовании идёт речь, когда элемент принимает значения свойств от своего родителя (в дереве документа, т.е. в разметке).

2. Потому что стиль рамки по умолчанию принимает значение none.

Edited July 23, 2011 by Gaspode

[staff-base]

Спасибо.