COLOR5

CSS Background Background 속성은 요소의 배경색과 배경이미지를 정의해 줍니다. 레이아웃 구분과 사이트의 가독성을 높이고 버튼 효과를 위해 많이 사용되는 속성입니다.background-color: Value; background-image: Value; background-repeat: Value; background-attachment: Value; background-position: Value; 기본값:없음, image:scroll,repeat, top, left, 상속:안됨, 버전:CSS1 background-color:#f40 background-image: url(http://cfile26.uf.tistory.com/image/21041C4352F4F113095F79) background-repeat:.. 2014. 2. 8.
CSS outline CSS outline 속성은 요소의 바깥 테두리를 정의 해주며, border와 달리 픽셀 값이 요소 크기를 늘리지는 않습니다. outline-color: Value; outline-style: Value; outline-width: Value; outline:color style width기본값:없음, 상속:안됨, 버전:CSS2 outline:#f40 solid 3pxoutline:color style width outline:#f40 solid 3px; border:3px solid #333; outline-width:thin, medium, thick, px..... solid hidden dotted dashed double groove ridge inset outset solid hidden do.. 2014. 2. 8.
CSS box-shadow text-shadow와 같이 요소의 그림자 효과을 주는 속성으로 배경을 기준으로 그림자 효과를 부여 합니다. 가로 세로 값은 필수입니다. CSS text-shadowbox-shadow: h-shadow v-shadow blur spread color inset h-shadow : 가로 v-shadow : 세로 blur : 번짐 spread : 그림자 크기 color : 색상 inset : 안쪽그림자 (기본 바같쪽)기본값:없음, 상속:안됨, 버전:CSS3 box-shadow:10px 10px; box-shadow:50px 50px 5px black; box-shadow:50px 50px 50px 5px black; box-shadow:10px 10px black inset; box-shadow:10px 1.. 2014. 2. 4.
CSS border border는 각요소들의 윤곽선을 설정해 줍니다.두께와 모양은 필수이고 색상은 지정하지 않으면 기본 븍랙이고 상속 받은 색상이 있으면 그 색상으로 설정이 됩니다.border:width style color기본값:black, 상속:안됨, CSS1 border-width: 스타일속성은 필수입니다. border:2px solid #000 border:5px solid #000 border-bottom:5px solid #000 border-style:solid; border-bottom:10px solid border-style:solid; border-width:1px 5px 10px 20px ＊border-width:1px 5px 10px 20px - 위 오른쪽 아래 왼쪽＊border-width:1px 5.. 2014. 2. 1.
CSS text-shadow text-shadow는 글자에 그림자 효과를 표현 할수있는 속성입니다. CSS box-shadowtext-shadow : h-shadow v-shadow blur color h-shadow : 가로 v-shadow : 세로 blur : 번짐 color : 색상가로세로 지정은 필수입니다. 색상을 지정하지 않을 경우 폰트의 색상을 따라 갑니다. 기본값:없음, 상속:됨, 버전:CSS3 ie 9 이하 버전에서는 표현이 되지 않습니다. text-shadow: h-shadow v-shadow blur colortext-shadow:5px 5px text-shadow: h-shadow v-shadow blur color text-shadow:5px 5px #f40 text-shadow: h-shadow v-shado.. 2014. 2. 1.

티스토리툴바