[B! CSS] snowlongã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

snowlong id:snowlong

CSSã«é–¢ã™ã‚‹snowlongã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (13)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ä½œã‚Šæ–¹ï¼ˆç°¡å˜è¨å®šæ–¹æ³•ï¼‰
webmobileã¯ã€ã¿ã‚“ãªãŒçŸ¥ã‚ŠãŸã„Pixel/iPhone/amazon/SIMã®ä½¿ã„æ–¹ã‚’ç™ºä¿¡ã—ã¦ã„ã¾ã™ï¼ å½“ãƒ¡ãƒ‡ã‚£ã‚¢ã§å…¬é–‹ã•ã‚Œã¦ã„ã‚‹æ–‡ç« ã€å†™çœŸãƒ»ç”»åƒãªã©ã«é–¢ã™ã‚‹æ¨©åˆ©ã¯ã€å½“æ–¹ã«å¸°å±žã—ã¾ã™ã€‚ è‘—ä½œè€…ã®è¨±è«¾ã‚’å¾—ã‚‹ã“ã¨ãªãè»¢è¼‰ã€æ”¹å¤‰ã€è¤‡è£½ã€è²©å£²ã€å‡ºç‰ˆãªã©ã€è‘—ä½œæ¨©æ³•ãã®ã»ã‹æ³•å¾‹ã«è§¦ã‚Œã‚‹è¡Œç‚ºã¯ç¦æ¢ã—ã¦ã„ã¾ã™ã€‚ â€» ç”»åƒä½¿ç”¨ãƒ»æ–‡ç« å¼•ç”¨ã¯ãƒªãƒ³ã‚¯ã‚’å¼µã£ãŸä¸Šã§ã”åˆ©ç”¨ãã ã•ã„ã€‚ ãƒ›ãƒ¼ãƒ ï½œã‚µã‚¤ãƒˆãƒžãƒƒãƒ—ï½œãƒ—ãƒ©ã‚¤ãƒã‚·ãƒ¼ãƒãƒªã‚·ãƒ¼ ãŠå•åˆã›ï½œé‹å–¶è€…æƒ…å ±ï½œå…¬å¼YouTube
snowlong 2014/06/23
CSS
ãƒªãƒ³ã‚¯
TwitterBootstrapå…¥é–€(ï¼”)åŸºæœ¬ï¼£ï¼³ï¼³ | æœ‰é™ä¼šç¤¾ãƒ¯ã‚¤ãƒãƒ¼ãƒ³
4.1 æ–‡å—ã®ä½“è£ 4.1.1 è¦‹å‡ºã— ãƒ»HTML ã§ã®<h1>ï½ž<h6>ãŒå…¨ã¦æœ‰åŠ¹ã§ã€ä»¥ä¸‹ã®ã‚ˆã†ãªãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã¨è¦‹ãŸç›®ã«ãªã£ã¦ã„ã¾ã™ã€‚ h1ã®font-sizeã¯ã€38.5pxã§ã™ã€‚ h2ã®font-sizeã¯ã€31.5pxã§ã™ã€‚ h3ã®font-sizeã¯ã€24.5pxã§ã™ã€‚ h4ã®font-sizeã¯ã€17.5pxã§ã™ã€‚ h5ã®font-sizeã¯ã€14pxã§ã™ã€‚ h6ã®font-sizeã¯ã€11.9pxã§ã™ã€‚ <h1>h1ã®font-sizeã¯ã€38.5pxã§ã™ã€‚</h1> <h2>h2ã®font-sizeã¯ã€31.5pxã§ã™ã€‚</h2> <h3>h3ã®font-sizeã¯ã€24.5pxã§ã™ã€‚</h3> <h4>h4ã®font-sizeã¯ã€17.5pxã§ã™ã€‚</h4> <h5>h5ã®font-sizeã¯ã€14pxã§ã™ã€‚</h5> <h6>h6ã®font-sizeã¯ã€11.9px
snowlong 2014/06/02
bootstrap

CSS
ãƒªãƒ³ã‚¯
CSSã‚»ãƒ¬ã‚¯ã‚¿20å€‹ã®ãŠã•ã‚‰ã„
CSSã‚»ãƒ¬ã‚¯ã‚¿ã£ã¦æ„å¤–ã¨åˆ†ã‹ã£ã¦ã„ãªã‹ã£ãŸã‚Šã™ã‚‹ã®ã§å‹‰å¼·ã¤ã„ã§ã«ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚æ¯”è¼ƒçš„å®Ÿç”¨çš„ã‹ãªã¨æ€ã†ã‚‚ã®ã‚’20å€‹ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ã„ã„å¾©ç¿’ã«ãªã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ CSSã‚»ãƒ¬ã‚¯ã‚¿ã¯ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã™ã‚‹å¯¾è±¡ã‚’æŒ‡å®šã™ã‚‹ã‚‚ã®ã§ã™ã€‚æ™®æ®µä½•æ°—ãªãä½¿ã£ã¦ã„ã‚‹classã‚„idãªã©ã‚‚ã‚»ãƒ¬ã‚¯ã‚¿ã®ï¼‘ã¤ã§ã™ã€‚ å±žæ€§ã‚„è¦ç´ ã¨ã„ã£ãŸå …è‹¦ã—ã„ç”¨èªžãŒå‡ºã¦ãã¾ã™ã®ã§å›³ã§ç°¡å˜ã«èª¬æ˜Žã—ã¾ã™ã€‚ ç§ã®ã‚ˆã†ã«åŸºç¤Žã‹ã‚‰å‹‰å¼·ã—ã¦ã„ãªã„ã¨ã€è¦ç´ ã‚„å±žæ€§ã¨èžã„ã¦ã‚‚ãƒ”ãƒ³ã¨ãã¾ã›ã‚“ãŒã€çŸ¥ã£ã¦ã¿ã‚‹ã¨ãªã‚“ã¦ã“ã¨ã¯ãªã„ã§ã™ãã€‚ ã¾ãŸã€IEãŒå¯¾å¿œã—ãã‚Œã¦ã„ãªã„CSS3ã®ã‚»ãƒ¬ã‚¯ã‚¿ã‚‚ã‚ã‚Šã¾ã™ãŒã€IE6ï½ž8ã§ã‚‚CSS3ã‚»ãƒ¬ã‚¯ã‚¿ãŒåˆ©ç”¨ã§ãã‚‹ãƒ„ãƒ¼ãƒ«ã®æ±ºå®šç‰ˆã€ŒSelectivizrã€ ã§ç´¹ä»‹ã—ãŸã‚ˆã†ã«CSS3ã‚»ãƒ¬ã‚¯ã‚¿ã¯ieå¯¾ç–ã‚‚å®¹æ˜“ãªã®ã§ãœã²ãŠè©¦ã—ãã ã•ã„ã€‚ Selectivizrã¯CSSã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã§æŒ‡å®šã—ãŸæ–¹ãŒã„ã„ã®ã§ã™ãŒã€ä»Šå›žã®ã‚µãƒ³ãƒ—ãƒ«ã¯CSSã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«
snowlong 2014/01/02
CSS
ãƒªãƒ³ã‚¯
ã‚ãªãŸã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’å½©ã‚‹ã€Syntax Highlighterã¾ã¨ã‚ | Blog.37to.net
home blog labs about contact Webãƒ»ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ > ã‚ãªãŸã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’å½©ã‚‹ã€Syntax Highlighterã¾ã¨ã‚ Syntax Highlighter ã‚½ãƒ¼ã‚¹ ãƒ–ãƒã‚° ä½œæˆï¼š 2007-06-30T19:14:27+09:00 æ›´æ–°ï¼š 2009-04-29T00:31:57+09:00 ãƒ–ãƒã‚°ã«è²¼ã‚Šä»˜ã‘ãŸã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’åˆ†ã‹ã‚Šã‚„ã™ãè¦‹ã›ãŸã„ï¼ ã¨ã„ã†ã®ã¯ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ããƒ–ãƒã‚¬ãƒ¼ãªã‚‰èª°ã§ã‚‚æ€ã†ã¯ãšã€‚ æœ€è¿‘ã¯ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã„ã¦ã‚‚ãã®ã¾ã¾è²¼ã‚Šä»˜ã‘ã‚‹ã ã‘ã«ãªã£ã¦ã—ã¾ã£ã¦ã„ã¾ã—ãŸãŒã€ã‚„ã¯ã‚Šã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯è‰²ã¥ã‘ã•ã‚Œã¦åˆ†ã‹ã‚Šã‚„ã™ã„æ–¹ãŒã„ã„ã€‚ ä½•æ•…ã‹ã¾ã¨ã¾ã£ãŸæƒ…å ±ãŒç„¡ã„ã‚ˆã†ãªã®ã§ã€ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ã¡ãªã¿ã«ã€ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’é¸ã¶æœ€ä¸ã«ã¾ã¨ã‚ãŸã®ã§ã€ã©ã®ãƒ„ãƒ¼ãƒ«ã‚‚æœªä½¿ç”¨ãªã®ã§ã‚ã—ã‹ã‚‰ãšã€‚ JavaScriptç³» JavaScriptã‚’ä½¿ã£ã¦è‡ªå‹•ã§è‰²åˆ†ã‘ã—ã¦ãã‚Œã‚‹ã‚ˆã†ãªãƒ„ãƒ¼ãƒ«ã€‚ å…ƒ
snowlong 2011/07/28
javascript

css
ãƒªãƒ³ã‚¯
ã‚»ãƒ¬ã‚¯ã‚¿ã§ä½¿ç”¨ã§ãã‚‹æ–‡å— - ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®åŸºæœ¬ -- ã”ãç°¡å˜ãªHTMLã®èª¬æ˜Ž
HTMLã¯åŠ¹çŽ‡çš„ã«æƒ…å ±äº¤æ›ã‚’è¡Œãˆã‚‹ã‚ˆã†ã€æ–‡æ›¸ã®ã€Œæ§‹é€ ã€ã‚’è¨˜è¿°ã™ã‚‹ã“ã¨ã‚’ç›®çš„ã«ã—ã¦ã„ã¾ã™ã€‚ãã“ã«æ–‡å—ã®è‰²ã‚„å½¢ãªã©ã®æƒ…å ±ãŒæ··ã˜ã£ã¦ãã‚‹ã¨ã€ã›ã£ã‹ãã®æƒ…å ±ãŒä¸æ˜Žç¢ºã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¯ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’åˆ¥ã®å ´æ‰€ã«å®šç¾©ã—ã¦ãŠãã€ãã‚Œã‚’æ§‹é€ ã«å¯¾ã—ã¦é©ç”¨ã™ã‚‹ã¨ã„ã†è€ƒãˆæ–¹ã§ã™ã€‚ã„ã£ãŸã‚“å®šç¾©ã—ãŸã‚¹ã‚¿ã‚¤ãƒ«ã¯ã€è¤‡æ•°ã®æ–‡æ›¸ã§å…±æœ‰ã§ãã¾ã™ã‹ã‚‰ã€å…¨ä½“ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«ä¸€è²«æ€§ã‚’æŒãŸã›ã‚‹ã“ã¨ãŒã§ãã€ã—ã‹ã‚‚ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ãŒãšã£ã¨å®¹æ˜“ã«ãªã‚Šã¾ã™ã€‚ ç›®æ¬¡ï¼š ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆï¼šæ–‡æ›¸ã®è«–ç†ã¨è¡¨ç¾ã‚’åˆ†é›¢ã™ã‚‹ ã‚«ã‚¹ã‚±ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ»ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆï¼ˆCSSï¼‰ ã‚¹ã‚¿ã‚¤ãƒ«ã®å®šç¾©å ´æ‰€ ã‚¯ãƒ©ã‚¹ã€idã«ã‚ˆã‚‹å®šç¾©ã®å±€æ‰€åŒ– æ–‡è„ˆã‚»ãƒ¬ã‚¯ã‚¿ã¨ä¸€æ‹¬è¨å®š ã‚«ã‚¹ã‚±ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã¨ç¶™æ‰¿ ã‚¹ã‚¿ã‚¤ãƒ«ã®ã‚¿ã‚¤ãƒ—æŒ‡å®š å–ã‚Šä¸Šã’ã‚‹è¦ç´ ï¼š style ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆï¼šæ–‡æ›¸ã®è«–ç†ã¨è¡¨ç¾ã‚’åˆ†é›¢ã™ã‚‹ æœ¬æ–‡ã¨ã¯åˆ¥ã«è¡¨ç¾ãƒ«ãƒ¼ãƒ«ã‚’è¨å®šã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¯ã€æ–‡æ›¸ã®ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã‚’å®¹æ˜“ã«ã—ã€ã¾ãŸè¡¨
snowlong 2011/01/19
CSS
ãƒªãƒ³ã‚¯
ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã«ã‚ˆã‚‹å´©ã‚Œãªã„ã€€2ã‚«ãƒ©ãƒ ã€€3ã‚«ãƒ©ãƒ ãƒ»ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ
ã“ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¯è²©å£²ç”¨ã§ã™ï¼ desperadoes.biz ã¯ã€ã‚ãªãŸãŒãŠæŽ¢ã—ã®æƒ…å ±ã®å…¨ã¦ã®æœ€æ–°ã‹ã¤æœ€é©ãªã‚½ãƒ¼ã‚¹ã§ã™ã€‚ä¸€èˆ¬ãƒˆãƒ”ãƒƒã‚¯ã‹ã‚‰ã“ã“ã‹ã‚‰æ¤œç´¢ã§ãã‚‹å†…å®¹ã¯ã€desperadoes.bizãŒå…¨ã¦ã¨ãªã‚Šã¾ã™ã€‚ã‚ãªãŸãŒãŠæŽ¢ã—ã®å†…å®¹ãŒè¦‹ã¤ã‹ã‚‹ã“ã¨ã‚’é¡˜ã£ã¦ã„ã¾ã™ï¼
snowlong 2011/01/19
CSS
ãƒªãƒ³ã‚¯
HTMLã‚„CSSãŒæ‰‹é–“ãªãæ›¸ã‘ã‚‹Zen Coding | Zen Coding 1-1 | HTML+CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒ10å€é€Ÿããªã‚‹Zen Coding
snowlong 2011/01/18
CSS

html
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆä½œã‚Šã‚’ç°¡å˜ã«ã—ã¦ãã‚Œã‚‹CSSã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ
CSS ã§ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€æ®µçµ„ã¿ä½œã‚ŠãŒã¨ã£ã¦ã‚‚ç°¡å˜ã«ã§ãã‚‹ã€CSS ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã‚’ã”ç´¹ä»‹ã€‚æ—¢ã«ä½¿ã£ã¦ã„ã‚‹äººã‚‚ãŸãã•ã‚“ã„ã‚‹ã¨ã¯æ€ã„ã¾ã™ãŒã€æœªä½“é¨“ã®äººã¯ãœã²è©¦ã—ã¦ã¿ã¦ãã ã•ã„ãï¼ Web ãƒ‡ã‚¶ã‚¤ãƒ³ã«æ¬ ã‹ã›ãªã„ã€CSS ã§ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆä½œã‚Šã€‚ã‚³ãƒ³ãƒ†ãƒŠä½œã£ã¦ã€ã“ã“ã«ãƒ©ãƒƒãƒ‘ãƒ¼ä½œã£ã¦ã€ãƒ¡ã‚¤ãƒ³ãŒ 600px ã§ padding ãŒ 20px ã ã‹ã‚‰ã€ã‚µã‚¤ãƒ‰ãƒãƒ¼ãŒã€ãˆãƒ¼ã¨ â€¦ ãªã‚“ã¦ã“ã¨ã«ãªã‚ŠãŒã¡ã§ã™ã€‚ãã‚“ãªé¢å€’ãªä½œæ¥ãŒã‚¤ãƒ¤ã ãªãƒ¼ã¨ã„ã†äººã«ãŠã™ã™ã‚ãªã®ãŒã€CSSã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã€‚å…¨ã¦ã® Web ãƒ‡ã‚¶ã‚¤ãƒ³ã«ä½¿ãˆã‚‹è¨³ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€çµæ§‹é‡å®ã—ã¾ã™ã€‚ã™ã§ã«ä½¿ã£ã¦ã„ã‚‹äººã‚‚ãŸãã•ã‚“ã„ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ã“ã‚“ãªæ–¹æ³•ã‚‚ã‚ã‚‹ã‚“ã ã‚ˆãƒ¼ã¨ã„ã†ã“ã¨ã§ã”ç´¹ä»‹ã—ã¾ã™ã€‚ 1. CSSã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã¨ã¯ï¼Ÿ CSS ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã¨ã„ã†ã®ã¯ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å‡ç‰ã«åˆ†ã‘ã¦ã€ãƒžã‚¹ç›®ä¸Šã«è€ƒãˆã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€‚ä½•ãŒä¾¿åˆ©ã‹ã£ã¦ã„ã†ã¨ã€ã“ã®æ®µã¯4ç‰åˆ†ã«ã—
snowlong 2010/10/19
CSS
ãƒªãƒ³ã‚¯
CSSã‚’ä½¿ã£ã¦ã©ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’ã€Œï¼…ã€ã§çµ±ä¸€ã•ã›ã‚‹æ–¹æ³• | colori
CSSã«ã‚ˆã‚‹ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã®æŒ‡å®šã¯ã€Œfont-sizeã€å±žæ€§ã‚’ä½¿ã£ã¦ç°¡å˜ã«è¨å®šã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ãŒã€ãƒ”ã‚¯ã‚»ãƒ«æŒ‡å®šãªã©ã®çµ¶å¯¾çš„ã‚µã‚¤ã‚ºã§çµ±ä¸€ã™ã‚‹æ–¹æ³•ã«ãã‚‰ã¹ã¦éžå¸¸ã«ã‚„ã£ã‹ã„ãªã®ãŒã€ç›¸å¯¾çš„ãªã‚µã‚¤ã‚ºã«ã‚ˆã‚‹ã‚µã‚¤ã‚ºã®çµ±ä¸€ã§ã™ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚ˆã£ã¦ç•°ãªã‚‹ã€ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã®å¢ƒç•Œ ä¾‹ãˆã°ã€Œfont-size:70%ã€ã¨ã„ã†ãµã†ã«æŒ‡å®šã—ã¦ã€Internet Explorer 6ã¨Firefox2.0ã§è¦‹ã¦ã¿ãŸãƒšãƒ¼ã‚¸ãŒä»¥ä¸‹ã®ã‚ˆã†ãªã‚‚ã®ã§ã™ã€‚ã€€â€»ãƒšãƒ¼ã‚¸ã¯xmlã‚¿ã‚°ã¤ãã®XHTML1.0 Strictã§ä½œæˆã€ã¤ã¾ã‚ŠInternet Explorer6ã¯ä¸‹ä½äº’æ›ãƒ¢ãƒ¼ãƒ‰ã§è¡¨ç¤ºã•ã‚Œã¦ã„ã¾ã™ãŒã€æ¨™æº–ãƒ¢ãƒ¼ãƒ‰ã§ã‚‚åŒã˜ã‚µã‚¤ã‚ºã§è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ã‚ãã‚‰ã‹ã«Firefoxã§è¡¨ç¤ºã•ã‚ŒãŸãƒšãƒ¼ã‚¸ã®ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºãŒå°ã•ããªã£ã¦ã„ã‚‹ã“ã¨ãŒã‚ã‹ã‚Šã¾ã™ã€‚ã€€ã“ã®ã‚ˆã†ã«ã€ãƒ•ã‚©ãƒ³ãƒˆã‚’ãƒ‘ãƒ¼ã‚»ãƒ³ãƒˆæŒ‡å®šã—ãŸå ´åˆã¯ã€ãã®æ•°å€¤ã«ã‚ˆã£ã¦ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’è¦å®šã™ã‚‹å¢ƒç•Œã«å¾®
snowlong 2010/08/15
ä¾¿åˆ©

CSS
ãƒªãƒ³ã‚¯
http://www.designwalker.com/2010/05/css3.html
snowlong 2010/05/27
css3

css
ãƒªãƒ³ã‚¯
å°‘ã—å‡ã£ãŸè¦‹å‡ºã—ï¼ˆå·¦æƒãˆï¼‰ - ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆãƒ»ã‚µãƒ³ãƒ—ãƒ«
ç·‘ã®æ–‡å—ãŒå¤‰æ›´ç®‡æ‰€ã§ã€èµ¤ã„æ–‡å—ãŒå¯¾å¿œã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§ã™ã€‚ "/* */"å†…ã¯ã‚³ãƒ¡ãƒ³ãƒˆã§ã™ã€‚å‰Šé™¤ã—ã¦ã‚‚å½±éŸ¿ã‚ã‚Šã¾ã›ã‚“ã€‚ å¿…è¦ãªç®‡æ‰€ã‚’ã‚³ãƒ”ãƒ¼ï¼†è²¼ã‚Šä»˜ã‘ã—ã¦ç·¨é›†ã—ã¦ãã ã•ã„ã€‚ ä½¿ã„æ–¹ï¼šâ†’ ãƒšãƒ¼ã‚¸å…¨ä½“ã«é©ç”¨ã€€â†’ åˆ¥ãƒ•ã‚¡ã‚¤ãƒ«ã‹ã‚‰é©ç”¨ â†’ å·¦æž ã‚’è¡¨ç¤º H1 { color: #000099; /* æ–‡å—ã®è‰² */ border-left-color: #cc6666; /* å·¦æž ã®è‰² */ padding: 5px 0px 0px 10px; /* ä½™ç™½ã®å¹… */ border-style: solid; /* æž ã®ç¨®é¡ž */ border-width: 0px 0px 0px 20px; /* æž ã®å¹… */ } H2 { color: #000099; /* æ–‡å—ã®è‰² */ border-left-color: #cc6666; /* å·¦æž ã®è‰² */ padding
snowlong 2009/06/24
CSS
ãƒªãƒ³ã‚¯
ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚µãƒ³ãƒ—ãƒ« CSS Samples - eWeb
ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¯ã€è¦‹æ „ãˆã‚„ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãªã©ã®è¡¨ç¤ºã«é–¢ã™ã‚‹æŒ‡å®šã‚’è¡Œã†ã‚‚ã®ã§ã™ã€‚ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ç”¨ã„ã‚‹ã¨HTMLã ã‘ã§ã¯è¡¨ç¾ã§ããªã„æ§˜ã€…ãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã‚½ãƒ¼ã‚¹ã¯ã”è‡ªç”±ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãªã©ã‚’ã—ã¦ãŠä½¿ã„ãã ã•ã„ã€‚
snowlong 2009/06/24
CSS
ãƒªãƒ³ã‚¯
ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚µãƒ³ãƒ—ãƒ« CSS Samples - eWeb
ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¯ã€è¦‹æ „ãˆã‚„ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãªã©ã®è¡¨ç¤ºã«é–¢ã™ã‚‹æŒ‡å®šã‚’è¡Œã†ã‚‚ã®ã§ã™ã€‚ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ç”¨ã„ã‚‹ã¨HTMLã ã‘ã§ã¯è¡¨ç¾ã§ããªã„æ§˜ã€…ãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã‚½ãƒ¼ã‚¹ã¯ã”è‡ªç”±ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãªã©ã‚’ã—ã¦ãŠä½¿ã„ãã ã•ã„ã€‚
snowlong 2009/06/24
CSS
ãƒªãƒ³ã‚¯
1