a, img {border: none;}

/*게시판 본문*/
.ment {font: 9pt/14.5pt "굴림","돋움","돋움체","Dotum","verdana","arial"; color: #555555;}

.descript {width:100%; overflow:hidden;}
overflow : 설명

.hand {cursor:pointer;}
.bold {font-weight:bold;}

.text {font: 8pt "tahoma","돋움", "돋움체","Dotum","verdana","arial";}
.num {font:7pt "Tahoma","verdana","arial";}

근데 정작 찾던 position에 관한 내용은 빠자 있..;;;;;

원문 : http://blog.naver.com/beige9?Redirect=Log&logNo=30019116536

CSS스타일 속성모음

 

각 항목을 클릭하시면 새창으로 상세사용법을 보실수 있습니다.

 

 

배경값 설정 background B
배경 이미지의 스크롤 여부 설정 background-attachment
배경색 설정 background-color
배경 이미지 background-image
배경 위치 설정 background-position
배경 이미지의 반복 설정 background-repeat
박스 경계선의 속성 설정 border
박스 아래 경계선의 속성 설정 border-bottom
박스 아래 경계선의 두께 설정 border-bottom-width
박스 경계선의 색상 설정 border-color
박스 왼쪽 경계선의 속성 설정 border-left
박스 왼쪽 경계선의 두께 설정 border-left-width
박스 오른쪽 경계선의 속성 설정 border-right
박스 오른쪽 경계선의 두께 설정 border-right-width
경계선 스타일 지정 border-style
박스 위쪽 경계선의 속성 설정 border-top
박스 위쪽 경계선의 두께 설정 border-top-width
박스 경계선의 두께 설정 border-width
 
이미지나 테스트의 배치 지정 clear C
글자색의 설정 color
 
디스플레이 값의 변경 설정 display D
 
이미지나 택스트의 배치 지정 float F
글꼴 속성 설정 font
글꼴 종류 설정 font-family
글자 크기 설정 font-size
글자 모양 설정 font-style
글꼴의 전환 font-variant
글자 두께 지정 font-weight
 
Element(요소) 높이 설정 height H
 
글자간의 간격 조절 letter-spacing L
각 줄간격 설정 line-height
목록의 스타일 설정 list-style
목록의 이미지 설정 list-style-image
목록의 위치 형태 설정 list-style-position
목록의 형태 설정 list-style-type
 
모든 여백 설정 margin M
맨 아래쪽 여백 설정 margin-bottom
맨 왼쪽 여백 설정 margin-left
맨 오른쪽 여백 설정 margin-right
맨 위쪽 여백 설정 margin-top
 
박스내의 간격 설정 padding P
박스내의 아래쪽 간격 설정 padding-bottom
박스내의 왼쪽 간격 설정 padding-left
박스내의 오른쪽 간격 설정 padding-right
박스내의 위쪽 간격 설정 padding-top
 
수평 정열을 설정 text-align T
텍스트의 효과 조절 text-decoration
텍스트에서 첫번째 줄 들여쓰기 text-indent
문자열의 변환 text-transform
 
수직 정열을 설정 vertical-align V
 
띄어쓰기 부분의 처리 white-space W
Element(요소) 너비 설정 width
단어들 사이의 간격 조절 word-spacing


+ Recent posts