opacity

요소의 불투명도를 지정합니다. 값이 0이면 투명해서 보이지 않게 되고, 1이면 완전히 불투명하게 됩니다.

CSS Level

CSS 3

상속

아니오

기본값

1

사용법

opacity: 0.5;

object.style.opacity = 0.5

속성

<숫자>

알파 값을 0.0 ~ 1.0 사이의 값으로 지정합니다.

inherit

color

요소의 전경색, 즉 글자 색을 지정합니다.

CSS Level

CSS 1, CSS 2, CSS 3

상속

예

기본값

브라우저에 따라 다름

사용법

color: #00ff00;

object.style.color="#00ff00"

속성

<color>

요소의 글자색을 지정합니다.

inherit

Colors

CSS에서 색상을 나타내기 위해서는 16진수로 된 RGB 코드 값 또는 몇 가지의 기본 색상 이름으로 표현해야 합니다. 일반적으로 16진수로 나타낼 경우에는 '#'기호를 해당 해당 16진 코드 앞에 붙여서 표시합니다.

CSS 3에서는 색상 값을 지정하는 모든 프로퍼티에 transparent 키워드를 사용할 수 있습니다. currentColor 키워드를 사용해서 부모 요소의 색상을 상속할 수도 있습니다.

RGB

RGB 색상 값은 다음과 같은 형태중 하나로 표현할 수 있습니다.

• #336699
• #369
• rgb(51, 102, 153)
• rgb(30%, 60%, 100%)

RGBA

RGB 색상값에 알파 값을 추가해서 표현할 수도 있습니다.

• rgba(255, 0, 0, 1)

HSL

또한, CSS 3에서는 HSL 형식의 색상 값을 사용할 수도 있습니다.

• hsl(120, 100%, 50%)

HSLA

HSL 색상에 알파값을 추가할 수도 있습니다.

• hsla(120, 100%, 50%, 0.5)

CSS의 기본적인 색상의 이름은 다음과 같습니다.

• aqua(#00ffff), black(#000000), blue(#0000ff), fuchsia(ff00ff), gray(#808080), green(008000), lime(#00ff00), maroon(#800000), navy(#000080), olive(#808000), purple(#800080), red(#ff0000), silver(#c0c0c0), teal(#008080), white(#ffffff), yellow(#ffff00)

CSS 3에서는 기본 색상의 이름이 더 많이 추가되어 정의되었습니다. 그리고 CSS 2에서 정의되었던 시스템 컬러는 CSS 3에서는 폐기되었습니다.

background-color

요소의 배경 색을 지정합니다. 배경 색이 지정되는 범위는 요소의 콘텐츠 영역 뿐만 아니라, 패딩 영역과 보더 영역도 포함되며, 마진 영역은 포함되지 않습니다.

CSS Level

CSS 1, CSS 2, CSS 3

상속

아니오

기본값

transparent

사용법

background-color: #ff0000;

object.style.backgroundColor="#ff0000"

속성값

<color>

배경 색으로 사용할 색상의 이름이나 RGB 코드 값으로 지정합니다.

transparent

배경을 투명하게 지정합니다.