[CSS 스타일속성 2] background/ border/ 폰트

 

background- 배경

• 크기단위를 두개 입력하면 두 번째 크기 단위는 높이를 의미한다 (가로,세로) 100% 200% (단 , 콤마없이 사용)
• 이미지 중첩해서 사용도 가능

img 중첩

• background-size : n% , n%;
• background-repeat : 배경 패턴 방식을 지정
• background-attachment : 배경 이미지를 어떠한 방식으로 화면에 붙일 것인지를 지정하는 속성
• background-position : 배경 위치 지정하는 속성

background 스타일 주기

---

 

 

 

border- 테두리

• border-width : 테두리의 너비
• border-style : 테두리의 형태
• border-color :
• border-radius : 테두리의 라운딩 (둥글게)
• 왼쪽위 오른쪽위 오른쪽아래 왼쪽아래 의 순서

 

 

---

 

폰트 속성

 

폰트 크기 속성

 

§  사용자의 컴퓨터에 폰트가 없으면 폰트가 적용되지 않는다

§  만약을 대비해 여러 개의 폰트를 연속적으로 입력한다.

§  하지만 다국적 웹 페이지를 제공할 경우 사용자에게 무슨 폰트가 있는지 일일이 확인할 수 없다.

§  이러한 경우에는 generic-family 폰트를 사용한다.

§  generic-family 폰트는 웹 브라우저에서 미리 지정하고 있는 폰트이다.

 

 

 

• text-align : 정렬
• font-style : 기울기
• font-weight : 두께

---