css-略語

6046 ワード

border略語
/*   */
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);
}
/*     :     -      -     (            ),
             ,       ,           ,                   ;*/