본문 바로가기

my_lesson/_CSS318

CSS Box & Position[border,padding,margin,position] css_box CSS Box & Position[border,padding,margin,position] 관련글 CSS Position attribute[static, relative, absolute, fixed] CSS2 Z-index attribute[auto, number, initial] hello CSS 박스 관련 속성 구분 속성 설명 속성값 박스 테두리 border-width 굵기 수치, thin, medium, thick border-color 색상 색상명, RGB혼합비, 시스템 색 border-style 스타일 none, hidden, dotted, dashed, solid, double, groove, ridge, outset, inset border 일괄 지정 각 속성의 값을 나열 박.. 2015. 4. 17.
CSS List[list-style-type,list-style-image,list-style-position] css_list CSS List[list-style-type,list-style-image,list-style-position] hello CSS 목록 관련 속성 속성 설명 속성값 list-style-type 목록 표시 마크 지정 none, disc, circle, squaredecimal, lower-roman, upper-roman, lower-alpha, upper-alpha list-style-image 목록 표시 마크를 이미지로 지정 none, url(“그림 파일명”) list-style-position 목록 표시 마크의 시작 위치 outside, inside list-style 일괄 지정 순서 상관없이 관련 속성의 값을 나열 JS Bin #mul{list-style-type:square;} #.. 2015. 4. 17.
CSS IMAGE[background] css_image CSS IMAGE[background] hello CSS 배경 관련 속성 속성 설명 속성값 background-color 배경색 색상명, RGB혼합비, 시스템 색 background-image 배경 이미지의 경로/파일 지정 none, url(“그림 파일명”) background-repeat 배경 이미지의 반복 여부 repeat, no-repeat, repeat-x, repeat-y background-attachment 배경 이미지의 스크롤 여부 fixed, scroll background-position 배경 이미지의 시작 위치 수치, %, top, center, bottom, left, right background 일괄 지정 속성값들을 순서에 상관없이 나열 .table1 { wid.. 2015. 4. 17.
CSS TEXT attribute [spacing,height,align,indent,decoration, transform] CSS TEXT attribute [spacing,height,align,indent,decoration, transform] 텍스트 관련 속성 속성 설명 속성값 letter-spacing 글자 사이 간격 normal, 수치 word-spacing 단어 사이 간격 normal, 수치 line-height 줄 간격 normal, 수치, % text-align 수평 정렬 left, right, center, justify vertical-align 수직 정렬 수치, %, baseline, super, sub, top, middle, bottom text-indent 단락 첫 줄 들여쓰기 수치, % text-decoration 텍스트 장식 none, overline, underline, line-through.. 2015. 4. 16.
CSS FONT attribute[family,size,style,weight,variant,color] css_font CSS FONT attribute[family,size,style,weight,variant,color] 글꼴 관련 속성 속성 설명 속성값 font-family 글꼴(글자체) 글자체 이름, serif, sans-serif, cursive, fantasy, monospace font-size 글자 크기 수치(단위:cm,mm,in,pt,pc,px,em,ex,%), xx-small, x-small, small, medium, large, x-large, xx-large, smaller, larger font-style 글자 스타일 normal, italic, oblique font-weight 글자 굵기 100,200,300,400,500,600,700,800,900, normal, bold,.. 2015. 4. 16.
CSS list, padding, border, margin, a, position,curser 목록 관련 속성 속성 설명 속성값 list-style-type 목록 표시 마크 지정 none, disc, circle, squaredecimal, lower-roman, upper-roman, lower-alpha, upper-alpha list-style-image 목록 표시 마크를 이미지로 지정 none, url(“그림 파일명”) list-style-position 목록 표시 마크의 시작 위치 outside, inside list-style 일괄 지정 순서 상관없이 관련 속성의 값을 나열 박스 관련 속성 구분 속성 설명 속성값 박스 테두리 border-width 굵기 수치, thin, medium, thick border-color 색상 색상명, RGB혼합비, 시스템 색 border-style 스타일.. 2015. 4. 9.