본문 바로가기
my_lesson/_CSS3

CSS font, text, background

by boolean 2015. 4. 9.
728x90
  1. 글꼴 관련 속성
    속성 설명 속성값
    font-family 글꼴(글자체) 글자체 이름, serif, sans-serif, cursive, fantasy, monospace
    font-size 글자 크기 수치(단위:cm,mm,in,pt,pc,px,em,ex,%), xx-small, x-small, small, medium, large, x-large, xx-large, smaller, larger
    font-style 글자 스타일 normal, italic, oblique
    font-weight 글자 굵기 100,200,300,400,500,600,700,800,900, normal, bold,
    bolder, lighter
    font-variant 작은 대문자로 변환 normal, small-caps
    color 글자색 색상명, RGB혼합비, 시스템 색
    font 일괄 지정 font-의 각 속성의 값을 나열
  2. 텍스트 관련 속성
  3. 속성 설명 속성값
    letter-spacing 글자 사이 간격 normal, 수치
    word-spacing 단어 사이 간격 normal, 수치
    line-height 줄 간격 normal, 수치, %
    text-align 수평 정렬 left, right, center, justify
    vertical-align 수직 정렬 수치, %, baseline, super, sub, top, middle, bottom
    text-indent 단락 첫 줄 들여쓰기 수치, %
    text-decoration 텍스트 장식 none, overline, underline, line-through, blink
    text-transform 대소문자 변환 none, capitalize, uppercase, lowercase
  4. 배경 관련 속성
  5. 속성 설명 속성값
    background-color 배경색 색상명, RGB혼합비, 시스템 색
    background-image 배경 이미지의 경로/파일 지정 none, url(“그림 파일명”)
    background-repeat 배경 이미지의 반복 여부 repeat, no-repeat, repeat-x, repeat-y
    background-attachment 배경 이미지의 스크롤 여부 fixed, scroll
    background-position 배경 이미지의 시작 위치 수치, %, top, center, bottom, left, right
    background 일괄 지정 속성값들을 순서에 상관없이 나열


댓글