CSS background-color

The background-color property specifies the background color of an element.

 

배경 속성은 요소의 배경색을 명시한다.

 

 

With CSS, a color is most often specified by:

• a valid color name - like "red"
• a HEX value - like "#ff0000"
• an RGB value - like "rgb(255,0,0)"

Look at CSS Color Values for a complete list of possible color values.

 

CSS, 색깔은 자주 다음과 같이 명시 된다.

 

  ● 합당한 색깔 red 같은

  ● 헥사 값 예를들면 #ff0000 같은

  ● RGB 값 예를들면 rgb(255,0,0)

 

 

이용가능한 색의 값의 완전한 리스트를 보기 위해선 CSS Color Values 를 보세요

 

 

 

CSS background-image

The background-image property specifies an image to use as the background of an element.

By default, the image is repeated so it covers the entire element.

 

 

배경 이미지

배경이미지 속성은 요소의 배경에 이미지를 사용하기 위해서 명시합니다.

기본적으로 이미지는 이것의 전체 요소가 덮어지기 위해서 반복되어집니다.

 

 

 

CSS background-repeat

By default, the background-image property repeats an image both horizontally and vertically.

Some images should be repeated only horizontally or vertically, or they will look strange, like this:

 

 

배경 반복

 

기본적으로 배경이미지 속성은 수평적으로 수직적으로 반복합니다.

조금의 이미지는 오직 수직으로만 혹은 수평적으로만 박복되어집니다. 우리는 다음과 같이 이상하게 보일 것입니다.

 

 

CSS background-position

The background-position property is used to specify the position of the background image.

 

CSS 배경 위치

배경 위치 설정 속성은 배경의 위치를 명시하기 위해 사용되어집니다.

 

CSS background-attachment

The background-attachment property specifies whether the background image should scroll or be fixed (will not scroll with the rest of the page):

 

The background-attachment 속성은 배경의 이미지가 스크롤되어야만 하거나, 혹은 고정되어져야할때, 명시합니다. 

 

CSS background - Shorthand property

To shorten the code, it is also possible to specify all the background properties in one single property. This is called a shorthand property.

The shorthand property for background is background.

 

코드를 줄이기 위해서, 모든 배경속성을 하나의 속성으로 명시하는것이 가능하다.

이것은 짨은 속성이라고 불리며,

배경을 위한 짧은 속성은 background 이다.