CSS Shorthands

Principaux raccourcis dans l'écriture

by toubia95

HTML

<p>Paragraphe assez long... Paragraphe assez long... Paragraphe assez long... Paragraphe assez long... Paragraphe assez long... Paragraphe assez long... Paragraphe assez long... Paragraphe assez long... Paragraphe assez long... Paragraphe assez long... Paragraphe assez long... Paragraphe assez long... Paragraphe assez long... Paragraphe assez long... Paragraphe assez long... Paragraphe assez long...</p>
<br /><br />
<ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
</ul>

CSS

/*** CSS Shorthands ***/ /* properties: http://www.w3schools.com/cssref/default.asp */
/* units : %, em, ex, px, in, cm, mm, pt, pc, rem */

p {
    /* box dimensions : top right bottom left; */ /* sens des aiguilles à midi */
    /* variants : top right bottom left, top right-left bottom, top-bottom right-left, top-right-bottom-left */
    margin: 10px 13px 5px -2px;
    padding: 5px 2px 10px 0;
    
    /* border : width style color; */
    /* default : medium none color */
    /* style : none, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset, inherit*/
    border: 5px dotted #ddd;
    border-right:1px solid #000;
    border-style:dotted solid double dashed; /* top right bottom left cf. box dimensions */
    border-color:red blue yellow silver; /* top right bottom left cf. box dimensions */
    
    /* outline : width style color; */
    outline: 2px solid #0ff;
    
    /* background : color image repeat attachment position; */
    /* default : transparent none repeat scroll 0% 0%;
    /* repeat: repeat, repeat-x, repeat-y, no-repeat, inherit */
    /* attachment: scroll, fixed, inherit */
    /* position: left top, center center, right bottom, x% y%, xpos ypos, inherit */
    background:#ff0 url(background.gif) no-repeat fixed 0 0;
    
    /* font: style variant weight size/line-height family;*/
    /* default: normal normal normal medium normal user-agent-font */
    /* style: normal, italic, oblique, inherit */
    /* variant: normal, small-caps, inherit */
    /* weight: normal, bold, bolder, lighter, 100,200, 300, 400, 500, 600, 700, 800, 900, inherit */
    /* size : xx-small, x-small, small, medium, large, x-large, xx-large, smaller, larger, length, %, inherit */
    /* font:italic small-caps bold 1em/1.5 "Lucida Grande",sans-serif; */
    font: italic 16px/1.5 "Lucida Grande",sans-serif;    
}

ul {
    /* list-style: type position image; */
    /* type: armenian, circle, cjk-ideographic, decimal, decimal-leading-zero, disc,...