css-略語
6046 ワード
border略語
backgroundの略語
margin略語
padding略語
fontの略語
list-style略語
/* */
element{
border-top-width:1px;
border-top-style:solid;
border-top-color:#cccccc;
}
element{
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
border-right:1px soli #cccccc;
border-bottom:1px solid #cccccc;
}
/* */
element{
border:1px solid #ccc;
}
backgroundの略語
/* */
element{
background-color:#ccc;
background-image:url(sample.gif);
background-repeat:repeat-x;
background-attachment:scroll;//scroll ,
background-position:top right;
}
/* */
element{
background:#ccc url(sample.gif) repeat-x top right;
// : - -X - ( )
}
margin略語
element{
margin-top:15px;
margin-right:20px;
margin-bottom:12px;
margin-left:24px;
}
/* */
element{
margin:15px 20px 12px 24px; / , , ,
}
padding略語
element{
padding-top:15px;
padding-right:20px;
padding-bottom:12px;
padding-left:24px;
}
/* */
element{
padding:15px 20px 12px 24px;
}
fontの略語
element{
font-style:italic //
font-variant:normal //
// 2 , ,
font-weight:bold;
font-size:12px;
line-height:20px;
font-family:" ";
}
/* */
element{
font:bold 12px/20px " ";
// : - / -
}
list-style略語
element{
list-style-image:url(sample.gif);
list-style-position:outside;
list-style-type:circle;
}
/* */
element{
list-style:circle inside url(sample.gif);
}
/* : - - ( ),
, , , ;*/