list-style-image 속성
list-style-image 기능 목록 마커의 이미지 문법 CSS : {list-style-image: Property} JS : object.style.listStyleImage= 'Property' 값 none : 기본값, 이미지가 적용 되지 않습니다. url(주소) : 이미지의 경로(상대적/절대적)를 설정 합니다. 적용대상 display값이 list-item인 요소 (요소 종류: inline, block, text) 상속 O (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual, aural, interactive, paged) 퍼센테이지 X (관련자료) CSS CSS1 CSS2 예제 결과
더보기
white-space 속성
white-space 기능 공백문자 처리방법 문법 CSS : {white-space: Property} JS : object.style.whiteSpace= 'Property' 값 normal : 기본값 , 공백의 수에 관계없이 한칸으로 설정 nowrap : 브라우저의 폭이나 문단 길이에 상관 없이 줄바꿈을 하지 않습니다. pre : 태그와 같은 공백을 그대로 인정 합니다. 적용대상 모든요소 (요소 종류: inline, block, text) 상속 O (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual, aural, interactive, paged) 퍼센테이지 X (관련자료) CSS CSS2 예제..
더보기
text-transform 속성
text-transform 기능 그 요소의 내용과 보더 사이의 여백 문법 CSS : {text-transform: Property} JS : object.style.textTransform= 'Property' 값 none : 기본값 capitalize : 각 단어의 첫 번째 문자만 대문자로 변환한다. uppercase : 각 단어의 모든 문자를 대문자로 변환한다. lowercase : 각 단어의 모든 문자를 소문자로 변환한다. 적용대상 모든요소 (요소 종류: inline, block, text) 상속 O (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual, aural, interactive, pa..
더보기
word-spacing 속성
word-spacing 기능 텍스트의 단어간격 문법 CSS : {word-spacing: Property} JS : object.style.wordSpacing= '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) 퍼센테이..
더보기
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-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..
더보기