본문 바로가기

웹표준

letter-spacing 속성 letter-spacing 기능 텍스트의 문자간격 문법 CSS : {letter-spacing: Property} JS : object.style.letterSpacing= 'Property' 값 normal : 기본값, 기본 간격을 형성 합니다. 절대적 단위 : cm, mm, in, pt, pc, px 상대적 단위 : em, ex 적용대상 모든요소 (요소 종류: inline, block, text) 상속 O (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual, aural, interactive, paged) 퍼센테이지 X (관련자료) CSS CSS1 CSS2 예제 결과 더보기
text-decoration 속성 text-decoration 기능 텍스트 장식 문법 CSS : {text-decoration: Property} JS : object.style.textDecoration= 'Property' 값 none : 기본값 , 텍스트 기본 underline : 앵커 태그와 같은 밑줄 효과를 적용 합니다. overline : 윗줄 효과를 적용 합니다. line-through : 중앙에 줄을 적용 합니다. 효과 적용대상 모든요소 (요소 종류: inline, block, text) 상속 X (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual, aural, interactive, paged) 퍼센테이지 X (관련.. 더보기
text-align 속성 text-align 기능 텍스트 정렬 문법 CSS : {text-align: Property} JS : object.style.textAlign= 'Property' 값 left : 기본값, 왼쪽 정렬 right : 오른쪽 정렬 center : 중앙 정렬 justify : 맞춤 정렬 적용대상 block (요소 종류: inline, block, text) 상속 O (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual, aural, interactive, paged) 퍼센테이지 X (관련자료) CSS CSS1 CSS2 예제 결과 더보기
text-indent 속성 text-indent 기능 텍스트의 들여쓰기 폭 문법 CSS : {text-indent: Property} JS : object.style.textIndent= 'Property' 값 기본값 : 0 절대적 단위 : cm, mm, in, pt, pc, px 상대적 단위 : em, ex 퍼센트(%) : 상위 객체에 비례하여 적용 됩니다 적용대상 block (요소 종류: inline, block, text) 상속 O (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual, aural, interactive, paged) 퍼센테이지 O 포함블록의 폭 참조 (관련자료) CSS CSS1 CSS2 예제 결과 더보기
font 속성 font 기능 폰트 관련 속성의 일괄지정 문법 CSS : {font: Property} JS : object.style.font= 'Property' 값 문법 : font-style | font-variant | font-weight | font-size | line-height | font-family | caption | icon | menu | message-box | small-caption | status-bar | inherit font-style : 폰트에 이탤릭체를 사용 여부. font- style 참고 font-variant : 폰트에 작은 대문자 사용 여부. font-variant 참고 font-weight : 폰트에 굵기 사용 여부. font-weight 참고 font-size : 폰.. 더보기
font-size 속성 font-size 기능 글꼴 크기 문법 CSS : {font-size: Property} JS : object.style.fontSize= 'Property' 값 absolute-size : 절대적 크기 xx-large, x-large, large, medium, small, x-small, xx-small, relative-size : 상대적 크기 larger, smaller normal :기본값 부모 객체에 대하여 상대적으로 크기를 설정 합니다. 또한 숫자 단위로도 크기를 설정 할 수 있습니다. 절대적 단위 : cm, mm, in, pt, pc, px 상대적 단위 : em, ex 퍼센트(%) : 부모 객체에 대하여 상대적인 비율 크기 적용대상 모든요소 (요소 종류: inline, block, text.. 더보기
font-weight 속성 font-weight 기능 글꼴의 굵기 문법 CSS : {font-weight: Property} JS : object.style.fontWeight= 'Property' 값 normal : 기본값, 보통 굵기 bold : 볼드체 와 동일 bolder : 보통 굵기 보다 굵게 lighter : 보통 굴기 보다 얇게 100 ~ 900 : 100 부터 900 까지 설정 할 수 있으며, 400(normal), 700(bold) 입니다. 적용대상 모든요소 (요소 종류: inline, block, text) 상속 O (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual, aural, interactive, p.. 더보기
font-variant 속성 font-variant 기능 그 요소의 내용과 보더 사이의 여백 문법 CSS : {font-variant: Property} JS : object.style.fontVariant= 'Property' 값 normal : 기본값, 보통 글꼴 small-caps : 작은 대문자 적용 적용대상 모든요소 (요소 종류: inline, block, text) 상속 O (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual, aural, interactive, paged) 퍼센테이지 X (관련자료) CSS CSS1 CSS2 예제 결과 더보기
font-style 속성 font-style 기능 글꼴의 스타일 문법 CSS : {font-family: Property} JS : object.style.fontStyle= 'Property' 값 normal : 기본값, 보통 글꼴 italic : 기울임(이탤릭체) oblique : 기울임(이탤릭체) italic / oblique 같은 효과를 보입니다. 적용대상 모든요소 (요소 종류: inline, block, text) 상속 O (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual, aural, interactive, paged) 퍼센테이지 X (관련자료) CSS CSS1 CSS2 예제 결과 더보기
font-family 속성 font-family 기능 그 요소의 내용과 보더 사이의 여백 문법 CSS : {font-family: Property} JS : object.style.fontFamily= 'Property' 값 문법 : || 글꼴 패밀리명 | 대표 패밀리명 || 기본값 : 브라우저에 의존 family-name : 브라우저에서 제공되는 글꼴이름 (Times, Helvetica, Western, Baskerville,Symbol 등) getneric-name : 기본 글꼴이름(serif, sans-serif, fantasy, monospace 등) 적용대상 모든요소 (요소 종류: inline, block, text) 상속 O (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, O.. 더보기