■ background-attachment : 배경을 그림으로 할 경우 배경그림의 고정방법을 말합니다.
scroll | fixed 두가지가 있으며 fixed로 속성을 주면 배경그림이 scrollbar의 움직임과코딩예제 : <객체명 style="background-attachment:fixed ">
■ background-color : 배경색을 지정합니다.
코딩예제 : <객체명 style="background-color:#ffcc33 ">
■ background-image : 배경으로 사용할 이미지를 지정해줍니다.
코딩예제 : <객체명 style="background-image:url(이미지주소) ">
■ background-position : 배경으로 사용할 이미지의 위치를 조정합니다
코딩예제 : <객체명 style="width:400;height:250;background:url(sample-01.jpg);border:1x solid black;background-repeat:no-repeat;background-position:center center ">
■ background-positionX : 배경이미지의 위치고정을 가로축으로 지정할때 사용합니다.
left | center | right 중 하나입니다.코딩예제 : <객체명 style="background-positionX:left ">
■ background-positionY : 배경이미지의 위치고정을 세로축으로 지정할때 사용합니다.
top | center | bottom 중 하나입니다.코딩예제 : <객체명 style="background-positionY:top ">
■ background-repeat : 배경이미지를 반복해서 넣을것인지 아닌지를 지정해줍니다.
repeat | no-repeat | repeat-x | repeat-y 중 하나입니다.코딩예제 : <객체명 style="background-repeat:no-repeat ">
■ border-bottom : 객체의 하단 테두리선의 속성을 지정합니다.
border-left:선의두께 선의스타일 선의색상 코딩예제 : <객체명 style="border-bottom:1x dotted black ">
■ border-bottom-style : 객체 하단의 테두리선의 모양을 정합니다.
none | dotted | dashed | solid | double | groove | ridge | inset | ouset코딩예제 : <객체명 style="border-bottom-style:dotted ">
■ border-left : 객체의 왼쪽테두리선의 속성을 지정합니다.
border-left:선의두께 선의스타일 선의색상코딩예제 : <객체명 style="border-left:1x dotted black ">
■ border-left-style : 객체 좌측의 테두리선의 모양을 정합니다.
none | dotted | dashed | solid | double | groove | ridge | inset | ouset코딩예제 : <객체명 style="border-left-style:dotted ">
■ border-right : 객체의 오른쪽테두리선의 속성을 지정합니다.
border-left:선의두께 선의스타일 선의색상 코딩예제 : <객체명 style="border-right:1x dotted black ">
■ border-right-style : 객체 우측의 테두리선의 모양을 정합니다.
none | dotted | dashed | solid | double | groove | ridge | inset | ouset코딩예제 : <객체명 style="border-right-style:dotted ">
■ border-top : 객체 상단의 테두리선의 속성을 지정합니다.
border-left:선의두께 선의스타일 선의색상 코딩예제 : <객체명 style="border-top:1x dotted black ">
■ border-top-style : 객체 상단의 테두리선의 모양을 정합니다.
none | dotted | dashed | solid | double | groove | ridge | inset | ouset코딩예제 : <객체명 style="border-top-style:dotted ">
■ color : 객체안에 쓰여질 텍스트의 색상을 지정합니다.
black | color코딩예제 : <객체명 style="color:navy ">
■ cursor : 마우스 포인터의 모양을 표현합니다
마우스포인터의 타입을 정해주는 스타일시트입니다.코딩예제 : <객체명 style="cursor:hand
* style="cursor:e-reize "
* style="w-reize "
* style="s-reize "
* style="n-reize "
* style="hand "
* style="default "
■ display : 현재 보이는 객체의 유무상태를 지정합니다.
이거와 비슷한것으로 visibility가 있으나 분명히 틀립니다. inline 이외에도 종류가 4가지가 더 있지만 별 필요성을 못느낍니다.코딩예제 : <객체명 style="display:none ">
■ font-family : 객체안에 쓰여질 글꼴을 정합니다.
font-family:글꼴타입 코딩예제 : <객체명 style="font-family:돋움,궁서,바탕 ">
■ font-size : 글꼴의 크기를 지정합니다.
font-size:글꼴크기 코딩예제 : <객체명 style="font-size:9pt ">
■ font-style : 글꼴 자체의 속성을 정합니다.
font-style:normal | italic | oblique코딩예제 : <객체명 style="font-style:normal ">
■ font-weight : 글꼴의 두께를 정해줍니다. 그냥 <b></b>랑 같은거라 생각하시면 됩니다.
font-weight:normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900코딩예제 : <객체명 style="font-weight:bold ">
■ ime-mode : 폼문의 텍스트박스안에 들어갈 문장이 한글인지 영문인지 지정해줍니다
<input type=text style="ime-mode:inactive"> 영문
테스트해보세요~
■ letter-spacing : 글자와 글자 사이의 간격을 지정합니다.
letter-spacing:normal | 글자간격코딩예제 : <객체명 style="letter-spacing:3pt ">
■ line-height : 글자행과 행간의 간격을 조정합니다
단위는 cm, mm, in, pt, pc 또는 px 단위입니다.행과 행사이의 간격 코딩예제 : <객체명 style="line-height:15pt ">
■ text-align : 객체의 X축 정렬상태를 지정합니다.
이름같이 단순히 글자라기보다는 객체로 아시는게 좋습니다. DIV나 SPAN, TABLE등 모든 객체의 정렬방법입니다.객체의 X축 정렬이라고 생각하심 됩니다.vertical-align 코딩예제 : <객체명 style="text-align:left
■ vertical-align : 객체의 Y축 정렬방식을 지정합니다.
이름같이 단순히 글자라기보다는 객체로 아시는게 좋습니다. DIV나 SPAN, TABLE등 모든 객체의 정렬방법입니다.객체의 Y축 정렬이라고 생각하심 됩니다.text-align 코딩예제 : <객체명 style="vertical-align:top | center | bottom">
■ visibility : 객체를 보여줄것인지 아닌지 조정합니다.
즉 DHTML필터중 alpha값이 100 인지 0 인지 둘중 하나를 택일하는것입니다.display inherit | visible | hidden코딩예제 : <객체명 style="visiblity:hidden "> 
766
10,684
2004-06-19 16:29:22
닉네임
꼭 필요한거였는데
