HE + STORY

html 태그 / background 속성

< HTML 태그 / background 속성 >

* background-repeat : 배경이미지의 반복설정

1. repeat : 상하좌우로 배경이미지를 반복하여 화면을 꽉 채운다.

2. repeat-x : x축으로만 배경이미지를 반복하여 채워준다.

3. repeat-y : y축으로만 배경이미지를 반복하여 채워준다.

4. no-repeat : 배경이미지를 반복하지 않고 한번만 보여준다.

* background-position : 이미지를 반복하지 않을경우 배경이미지가 위치할 영역을 설정

1. right

2. top

3. left

4. bottom

* background-attachment : 스크롤바가 움직일때 배경이미지의 이동 or 고정을 설정

1. scroll : 스크롤바와 같이 배경이미지가 이동한다.

2. fixed : 배경이미지는 고정되고 텍스트만 움직인다.

* 배경 이미지에 대한 속성을 한줄에 나열할 경우

background-color : image: repeat: attachment: position: 를 콤마없이 순서대로 나열한다.

* style에 적용한 예문 *

<html>

<head>

<title>background 관련 속성 </title>

<style>

body {background-image:url(배경이미지.gif"); background-repeat:repeat-y; background-position:left;

background-attachment:fixed}

</style>

</head>

<body>

</body>

</html>

'• etc/• blog tip & utill'과 연관된 게시물