Blog Content

    티스토리 뷰

    24.CSS - 속성정리

    반응형
    color : 전경색(Foreground Color)
    background-color : 배경색
    font-size : 글자크기, pt 단위 또는 px 단위, 9pt, 11px
    font-family : 글꼴, Verdana, '맑은 고딕'
        font-family : "Malgun Gothic", verdana;
    font-weight:bold; : 볼드체
    font-style:italic; : 이탤릭체
    text-decoration : 밑줄관련
        none, underline, overline, line-through
    width : 가로길이, % 단위 또는 px 단위
    height : 세로길이
    padding : 안쪽 여백
    margine : 바깥쪽 여백
    text-align : 수평 정렬
        left, center, right
    vertical-align : 수직 정렬
        top, middle, bottom
    line-height : 줄 간격, 120%~150%
    letter-spacing : 글자 간격, 0.5em 단위
    word-spacing : 단어 간격
    text-transform : 대소문자구분
        uppercase, lowercase, capitalize
    text-indent : 들여쓰기
    white-space : pre 또는 nobr 처리
    border : 테두리(외곽선)
    background-image:url(); : 배경 이미지(절대경로/상대경로)
    background-repeat : 배경 이미지 배치 여부(repeat, no-repeat, ... )
    background-position : 배치 상태(left bottom)
    background-attachment : 스크롤여부(scroll, fixed)
    a:link : 기본 링크
    a:visited : 방문 링크
    a:active : 활성 링크
    a:hover : 오버 링크
    cusor : 마우스 커서 모양 정의
    scrollbar-XXX : 스크롤바 모양 정의(IE전용)
    float : 배치 설정(float:left;)
    clear : 배치 해제(clear:both;)
    list-style-type : 리스트 모양
    list-style-position : 들여쓰기 여부
    list-style-image : 불릿 기호 이미지
    position:absolute; : 레이어 위치
    z-index:1; : 레이어 순서
    left:150px; : 레이어 X좌표
    top:150px; : 레이어 Y좌표
    overflow:hidden; : 레이어안의 데이터 배치(scroll, hidden)
    visibility:hidden; : 레이어 보이기/숨기기
    display:none; : 레이어 영역 없애기/남기기
    반응형

    Comments