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..
더보기
color 속성
color 기능 글꼴 색 지정 문법 CSS : {color : Property} JS : object.style.color = 'Property' 값 기본값 : 브라우저에 의존합니다. 색상 이름 또는 RGB 칼라를 사용합니다. 색상표 참고 적용대상 모든요소 (요소 종류: inline, block, text) 상속 O (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual, aural, interactive, paged) 퍼센테이지 O X (관련자료) CSS CSS1 CSS2 예제 결과
더보기
visibility 속성
visibility 기능 박스의 가시성 여부 문법 CSS : {visibility: Property} JS : object.style.visibility= 'Property' 값 inherit : 부모 객체의 visibility를 상속 받습니다. visible : 기본값,객체를 보이게 합니다. hidden : 객체를 보이지 않게 합니다. 객체 공간은 그대로 남습니다. 적용대상 모든요소 (요소 종류: inline, block, text) 상속 O (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual, aural, interactive, paged) 퍼센테이지 O (관련자료) CSS CSS2 예제 결과
더보기
clip 속성
clip 기능 사용자 눈에 보이는 범위 지정 문법 CSS : {clip: Property} JS : object.style.clip= 'Property' 값 auto : 기본값, 객체를 자르지 않습니다. rect(top right bottom left) top, right, bottom, left는 값 또는 auto. auto 사용시 0 과 같습니다. 좌표의 픽셀 좌표로 반올림 하거나, 좌우가 객체의너비와 같거나, 상하가 객체의 높이와 같으면 보이지 않습니다. 절대적 단위 : cm, mm, in, pt, pc, px 상대적 단위 : em, ex 적용대상 block (요소 종류: inline, block, text) 상속 X (관련자료) 미대응 브라우저 IE6 (취급브라우저: IE6, IE7, IE8, F..
더보기
line-height 속성
line-height 기능 인라인박스의 높이 문법 CSS : {line-height: Property} JS : object.style.lineHeight= 'Property' 값 0 : 기본값 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) 퍼센테이지 O (관련자료) CSS..
더보기
height 속성
height 기능 박스 높이 설정 문법 CSS : {height: Property} JS : object.style.height= 'Property' 값 auto : 기본값 또한 숫자 단위로도 너비를 설정 할 수 있습니다. 절대적 단위 : cm, mm, in, pt, pc, px 상대적 단위 : em, ex 퍼센트(%) : 브라우저 너비를 기준으로 비례적으로 설정(상위 문단 존재시 그 너비를 기준) 적용대상 모든요소 (요소 종류: inline, block, text) 상속 X (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual, aural, interactive, paged) 퍼센테이지 O (관련자..
더보기