SlideShare a Scribd company logo
1 of 2
CSS Shorthand Cheat Sheet
           margin, padding, border-width, outline-width:
                                                                                                  specifying 4
                                                                                                  parameters:
1un 2un 3un 4un
                    1un                                  border-color, outline-color:                                      #xxx #xxx #xxx
                                                         border-style, outline-style:
                                                                                                               solid dotted dashed d

4un                       2un               specifying less than 4 parameters:
                                                                                1un
                                                                       (one:)
                                                                                                                       2u
                                                                        1un               1un      2un                 n

                          3un                                                   1un                         3un




         border, border-left, border-right, border-top, border-bottom:
                                               default: medium none #xxx;                                                    (leave style out & it
                                                                     (width)    (style)      (color)                                making the wi


                                                     example: 3px solid #888;



            list-style:      default: disc outside none;                                      (type becomes default when image not found
                                            (type)    (position)     (image)

                                                                                example:               square outside url(‘star.pn


                     background: default: white url(‘back.png’)                                        repeat top left                  scroll;
                                                                   (color)         (image)             (repeat)        (position)       (scroll)


                                                       example: black url(‘starrynight.png’) repeat bottom rig


            font:    default: normal normal normal inherited-value/normal inherited-value;
                                  (style)       (variant)     (weight)              (size)             (line-height)             (family)


                                example:             italic small-caps bold 1em/1.2em helvetica neue, helvetica
                                                                                                                       (do not try this [ugly] exam



              pause:                                                  cue:                                                                   col
                  example:
pause: 1s;                example: cue: url(‘sound.au’);                       #x
    (one attribute sets both                   (one attribute sets both
pause-before && pause-after!!!)              cue-before && cue-after!!!)

                                                                     copyright 2007 - edwa

More Related Content

More from web marketing

Web marketing.zako.org--url-bit-ly-url-bundle-chrome-web-
Web marketing.zako.org--url-bit-ly-url-bundle-chrome-web-Web marketing.zako.org--url-bit-ly-url-bundle-chrome-web-
Web marketing.zako.org--url-bit-ly-url-bundle-chrome-web-web marketing
 
交通事故図解資料
交通事故図解資料交通事故図解資料
交通事故図解資料web marketing
 
ライフネット生命 紹介カード
ライフネット生命 紹介カードライフネット生命 紹介カード
ライフネット生命 紹介カードweb marketing
 
ライフネット生命 紹介カード
ライフネット生命 紹介カードライフネット生命 紹介カード
ライフネット生命 紹介カードweb marketing
 
2009 11.693x8.267 En 1
2009 11.693x8.267 En 12009 11.693x8.267 En 1
2009 11.693x8.267 En 1web marketing
 
Washington Area Transit Authority Map
Washington Area Transit Authority MapWashington Area Transit Authority Map
Washington Area Transit Authority Mapweb marketing
 
2009 Japanese Calender
2009 Japanese Calender2009 Japanese Calender
2009 Japanese Calenderweb marketing
 
日本とアジアのブロガーの違い
日本とアジアのブロガーの違い日本とアジアのブロガーの違い
日本とアジアのブロガーの違いweb marketing
 
日本とアジアのブロガーの違い
日本とアジアのブロガーの違い日本とアジアのブロガーの違い
日本とアジアのブロガーの違いweb marketing
 
日本とアジアのブロガーの違い
日本とアジアのブロガーの違い日本とアジアのブロガーの違い
日本とアジアのブロガーの違いweb marketing
 
Slideshare's character
Slideshare's characterSlideshare's character
Slideshare's characterweb marketing
 
日本のウェブサイト利用者数ランキング
日本のウェブサイト利用者数ランキング日本のウェブサイト利用者数ランキング
日本のウェブサイト利用者数ランキングweb marketing
 

More from web marketing (20)

SlideCaptain sample
SlideCaptain sampleSlideCaptain sample
SlideCaptain sample
 
Merge mo9pxp4euxyk
Merge mo9pxp4euxykMerge mo9pxp4euxyk
Merge mo9pxp4euxyk
 
Web marketing.zako.org--url-bit-ly-url-bundle-chrome-web-
Web marketing.zako.org--url-bit-ly-url-bundle-chrome-web-Web marketing.zako.org--url-bit-ly-url-bundle-chrome-web-
Web marketing.zako.org--url-bit-ly-url-bundle-chrome-web-
 
Est 1
Est 1Est 1
Est 1
 
Inv 1
Inv 1Inv 1
Inv 1
 
Oyaji
OyajiOyaji
Oyaji
 
交通事故図解資料
交通事故図解資料交通事故図解資料
交通事故図解資料
 
Al De
Al DeAl De
Al De
 
About Blank
About BlankAbout Blank
About Blank
 
ライフネット生命 紹介カード
ライフネット生命 紹介カードライフネット生命 紹介カード
ライフネット生命 紹介カード
 
ライフネット生命 紹介カード
ライフネット生命 紹介カードライフネット生命 紹介カード
ライフネット生命 紹介カード
 
Smallblue1
Smallblue1Smallblue1
Smallblue1
 
2009 11.693x8.267 En 1
2009 11.693x8.267 En 12009 11.693x8.267 En 1
2009 11.693x8.267 En 1
 
Washington Area Transit Authority Map
Washington Area Transit Authority MapWashington Area Transit Authority Map
Washington Area Transit Authority Map
 
2009 Japanese Calender
2009 Japanese Calender2009 Japanese Calender
2009 Japanese Calender
 
日本とアジアのブロガーの違い
日本とアジアのブロガーの違い日本とアジアのブロガーの違い
日本とアジアのブロガーの違い
 
日本とアジアのブロガーの違い
日本とアジアのブロガーの違い日本とアジアのブロガーの違い
日本とアジアのブロガーの違い
 
日本とアジアのブロガーの違い
日本とアジアのブロガーの違い日本とアジアのブロガーの違い
日本とアジアのブロガーの違い
 
Slideshare's character
Slideshare's characterSlideshare's character
Slideshare's character
 
日本のウェブサイト利用者数ランキング
日本のウェブサイト利用者数ランキング日本のウェブサイト利用者数ランキング
日本のウェブサイト利用者数ランキング
 

Csscheatsheet

  • 1. CSS Shorthand Cheat Sheet margin, padding, border-width, outline-width: specifying 4 parameters: 1un 2un 3un 4un 1un border-color, outline-color: #xxx #xxx #xxx border-style, outline-style: solid dotted dashed d 4un 2un specifying less than 4 parameters: 1un (one:) 2u 1un 1un 2un n 3un 1un 3un border, border-left, border-right, border-top, border-bottom: default: medium none #xxx; (leave style out & it (width) (style) (color) making the wi example: 3px solid #888; list-style: default: disc outside none; (type becomes default when image not found (type) (position) (image) example: square outside url(‘star.pn background: default: white url(‘back.png’) repeat top left scroll; (color) (image) (repeat) (position) (scroll) example: black url(‘starrynight.png’) repeat bottom rig font: default: normal normal normal inherited-value/normal inherited-value; (style) (variant) (weight) (size) (line-height) (family) example: italic small-caps bold 1em/1.2em helvetica neue, helvetica (do not try this [ugly] exam pause: cue: col example:
  • 2. pause: 1s; example: cue: url(‘sound.au’); #x (one attribute sets both (one attribute sets both pause-before && pause-after!!!) cue-before && cue-after!!!) copyright 2007 - edwa