Цвет текста в CSS (свойство color)

Свойство color обычно определяет цвет текстового содержимого элемента.

Например, свойство color, указанное в селекторе body, определяет цвет текста по умолчанию для всей страницы.

body {
  color: #000000;
}

Цвета в CSS чаще всего задаются следующими способами:

• значение HEX - например, "#ff0000"
• значение RGB - например, "rgb (255,0,0)"
• название цвета на английском языке - "red"

Влияние свойства цвета на границы border или контуры outline

Свойство color используется не только для текстового содержимого, но и для всего на переднем плане, что принимает значение цвета. Например, если значение border-color или outline-color не было явно определено для элемента, вместо него будет использоваться значение цвета.

p.one {
  color: #0000ff;
  border: 2px solid;
}
p.two {
  color: #00ff00;
  outline: 2px solid;
}

Свойство color обычно наследует значение цвета от своего родительского элемента, за исключением случая элементов ссылок <a>, они выделяются синим цветом по умолчанию.