'Web/CSS'에 해당되는 글 19건

[css3]Opacity

2013. 3. 18. 15:08 Web/CSS

 

opacity:0.5;
filter:alpha(opacity=50); /*IE6~8*/

저작자표시 비영리 동일조건

'Web > CSS' 카테고리의 다른 글

[css]폰트,색상 지정  (0) 2013.03.16
[css3]user interface  (0) 2013.03.16
[css3]multiple column  (0) 2013.03.16
[css3]transition  (0) 2013.03.16
[css3]transform 2d/ 3d  (0) 2013.03.16

Trackbacks / Comments

[css]폰트,색상 지정

2013. 3. 16. 16:29 Web/CSS

안전서체: http://www.w3schools.com/cssref/css_websafe_fonts.asp
색상지정: http://www.w3schools.com/cssref/pr_text_color.asp
저작자표시 비영리 동일조건

'Web > CSS' 카테고리의 다른 글

[css3]Opacity  (0) 2013.03.18
[css3]user interface  (0) 2013.03.16
[css3]multiple column  (0) 2013.03.16
[css3]transition  (0) 2013.03.16
[css3]transform 2d/ 3d  (0) 2013.03.16

Trackbacks / Comments

[css3]user interface

2013. 3. 16. 16:26 Web/CSS


Resizing
resize:both;
overflow:auto;

Box Sizing
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */

Outline Offset
outline:2px solid red;
outline-offset:15px;
저작자표시 비영리 동일조건

'Web > CSS' 카테고리의 다른 글

[css3]Opacity  (0) 2013.03.18
[css]폰트,색상 지정  (0) 2013.03.16
[css3]multiple column  (0) 2013.03.16
[css3]transition  (0) 2013.03.16
[css3]transform 2d/ 3d  (0) 2013.03.16

Trackbacks / Comments

[css3]multiple column

2013. 3. 16. 16:17 Web/CSS


참고:http://www.w3schools.com

-moz-column-count:3; /* Firefox */
-webkit-column-count:3; /* Safari and Chrome */
column-count:3;

-moz-column-gap:40px; /* Firefox */
-webkit-column-gap:40px; /* Safari and Chrome */
column-gap:40px;

-moz-column-rule:1px solid #ff00ff; /* Firefox */
-webkit-column-rule:1px solid #ff00ff; /* Safari and Chrome */
column-rule:1px solid #ff00ff;

저작자표시 비영리 동일조건

'Web > CSS' 카테고리의 다른 글

[css]폰트,색상 지정  (0) 2013.03.16
[css3]user interface  (0) 2013.03.16
[css3]transition  (0) 2013.03.16
[css3]transform 2d/ 3d  (0) 2013.03.16
[css3]text  (0) 2013.03.16

Trackbacks / Comments

[css3]transition

2013. 3. 16. 16:03 Web/CSS


초기값을 설정하고
바뀌는 내용을 설정하면 지정한 시간안에 바뀌는 특성

transition: all 2s;
-moz-transition: all 2s; /* Firefox 4 */
-webkit-transition: all 2s; /* Safari and Chrome */
-o-transition: all 2s; /* Opera */

저작자표시 비영리 동일조건

'Web > CSS' 카테고리의 다른 글

[css3]user interface  (0) 2013.03.16
[css3]multiple column  (0) 2013.03.16
[css3]transform 2d/ 3d  (0) 2013.03.16
[css3]text  (0) 2013.03.16
[CSS3] border, box  (0) 2013.03.16

Trackbacks / Comments

Copyright © HuckleberryM All Rights Reserved | JB All In One Designed by CMSFactory.NET

티스토리툴바