Синтаксис указания свойств CSS в справочниках.

Прежде чем разбираться с какими-то конкретными значениями свойств CSS, мне бы хотелось немного остановиться на синтаксисе, на правилах записи свойств CSS. 

Давайте обратимся к справочнику свойств CSS и я хотел бы остановиться на нескольких символах, с которыми вам возможно придется столкнуться при изучении возможных значений свойств CSS. 

Давайте для примера возьмем свойство color. 

Возможные значения, которые может принимать это свойство описаны в разделе синтаксис и указаны после самого свойства color.

color: цвет | inherit

Вертикальная линия, которую вы можете видеть - это знак логического ИЛИ. Т.е. свойство color может принимать свое значение либо указанием какого-то конкретного цвета или мы можем указать ключевое слово inherit. 

Давайте посмотрим еще на свойство border. Вот значения, которые может принимать это свойство:

border: [border-width || border-style || border-color] | inherit

[] - служат для объединения в одну группу свойств. Свойство border будет принимать или эту группу значений [border-width || border-style || border-color] или значение inherit.

|| - обозначают логическое И. 

Для того, чтобы указать значение свойства border мы должны указать значение И свойства border-width И border-style И border-color.

Давайте для примера еще рассмотрим такое свойства width. Вот какие значения оно может принимать:

width: значение | проценты | auto | inherit

Свойство width может принимать любое одно из перечисленных выше значений.

Таким образом читаются возможные принимаемые значения, которые могут принимать свойства CSS.