[HTML5] 10. 배경/ 글자 속성 (background,font-family,text-decoration 등)

 

 

ㄱ. 배경 속성

 

속성	설명
background-image	배경 이미지 삽입
background-size	배경 이미지 크기 지정
background-repeat	배경 이미지의 반복 형태 지정
background-attachment	배경 이미지의 부착형태 지정
background-position	배경 이미지의 위치 지정
background	한 번에 모든 배경 속성 입력

 

A.background-image 

 

두 개 삽입할 때

   :  background-image: url('BackgroundFront.png'), url('BackgroundBack.png');

 

 

B.background-size

 

250px : 높이 지정

    : background-size: 100% 250px;

 

 

C.background-repeat

 

배경 이미지 반복 없애기

    : background-repeat: no-repeat;

 

 

D.background-attachment

 

스크롤 시 배경이 올라가게 만들기

   : background-attachment: scroll

 

스크롤 시 배경 이미지 고정시키기

   : background-attachment: fixed

 

 

 

ㄴ. 글자 속성

 

속성	설명
font-family	글꼴 지정
font-size	글자 크기
font-style	글자 스타일 (기울기 등)
font-weight	글자 두께
text-align	글자 정렬
line-height	글자 수직 중앙 정렬
text-decoration	글자 밑줄

 

A.text-decoration

 

밑줄 제거

   : text-decoration: none;