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

tksmd id:tksmd

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

${{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}}

ä»Šæ›´èžã‘ãªã„ï¼ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãŸã‚ã® CSS ã®åŸºç¤Žè¬›åº§ ã€œãƒœãƒƒã‚¯ã‚¹ãƒ¢ãƒ‡ãƒ«ç·¨ã€œ | æ ªå¼ä¼šç¤¾ãƒŒãƒ¼ãƒ©ãƒœ(Nulab inc.)
æ³¨æ„ HTML5 ã‹ã‚‰ã¯ è¦‹ãŸç›®ã¯ CSS ã«ä»»ã›ã€HTML ã¯æ–‡æ›¸ã®æ§‹é€ ï¼ˆã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ï¼‰ã‚’è¡¨ã™ã“ã¨ã®ã¿ã«é‡ç‚¹ã‚’ç½®ã‹ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ä¾‹ãˆã°ç®‡æ¡æ›¸ããƒªã‚¹ãƒˆã‚’ä½œã‚‹ã®ã« div ã¨ display: list-it em; ã‚’ä½¿ã£ã¦æ§‹ç¯‰ã™ã‚‹ã‚ˆã‚Šã€ç®‡æ¡æ›¸ããƒªã‚¹ãƒˆã‚’è¡¨ã™ ul li ã‚’ä½¿ã£ãŸã»ã†ãŒã‚ˆã‚Šã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ã§ã™ã€‚ã“ã®ã‚ˆã†ã«ç›®çš„ã«ã‚ã£ãŸ HTML è¦ç´ ã‚’ä½¿ã†ã‚ˆã†ã«ã—ã¦ãã ã•ã„ã€‚ ãƒœãƒƒã‚¯ã‚¹ãƒ¢ãƒ‡ãƒ«ã¨ã¯ CSS ã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ã™ã‚‹éš›ã«ã¯ã€ ãƒœãƒƒã‚¯ã‚¹ãƒ¢ãƒ‡ãƒ« ã‚’ç†è§£ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ CSS ã®å®šç¾©ã™ã‚‹ãƒœãƒƒã‚¯ã‚¹ãƒ¢ãƒ‡ãƒ«ã¯ä»¥ä¸‹ã®å›³ã®ã‚ˆã†ã« 4ã¤ã®é ˜åŸŸã§æ§‹æˆã•ã‚Œã¦ã„ã¾ã™ã€‚ ãƒœãƒƒã‚¯ã‚¹ãƒ¢ãƒ‡ãƒ«è§£èª¬å›³ contentï¼ˆã‚³ãƒ³ãƒ†ãƒ³ãƒ„ï¼‰ ãƒ†ã‚ã‚¹ãƒˆã‚„ç”»åƒãªã©ã€è¦ç´ ãã®ã‚‚ã®ã®å†…å®¹ãŒè¡¨ç¤ºã•ã‚Œã‚‹é ˜åŸŸã§ã™ã€‚ã“ã®é ˜åŸŸã®ã‚µã‚¤ã‚ºã¯ widthï¼ˆå¹…ï¼‰ ã¨ heightï¼ˆé«˜ã•ï¼‰ãƒ—ãƒãƒ‘ãƒ†ã‚£ã§æŒ‡å®šã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ paddingï¼ˆãƒ‘ãƒ‡
tksmd 2015/12/10
ãƒœãƒƒã‚¯ã‚¹ãƒ¢ãƒ‡ãƒ«

nulab

css
ãƒªãƒ³ã‚¯
ã•ã‚‰ã°MS ã‚´ã‚·ãƒƒã‚¯ï¼MS Pã‚´ã‚·ãƒƒã‚¯ï¼ã€€Windowsç‰ˆGoogle Chromeã§ãã‚Œã„ãªãƒ•ã‚©ãƒ³ãƒˆè¡¨ç¤ºã‚’å®Ÿç¾ã™ã‚‹ - ã•ã‚ã ã®ãƒŽãƒ¼ãƒˆ
Windowsã§ã¯ã„ã¾ã ã«ä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹MS ã‚´ã‚·ãƒƒã‚¯ã¨MS Pã‚´ã‚·ãƒƒã‚¯ã€‚ãƒ¡ã‚¤ãƒªã‚ªã‚„Consolasã¨ã„ã£ãŸClearTypeã®ãƒ•ã‚©ãƒ³ãƒˆãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦é•·ã‚‰ããŸã£ã¦ã‚‚ã€ã„ã¾ã ã«æ¨™æº–ãƒ•ã‚©ãƒ³ãƒˆã¨ã—ã¦è¨å®šã—ã¦ã„ã‚‹Webã‚µã‚¤ãƒˆãŒå°‘ãªãã‚ã‚Šã¾ã›ã‚“ï¼ˆIT mediaã¨ã‹ï¼‰ã€‚ Firefoxã®å ´åˆã¯ã€æ¨™æº–ãƒ•ã‚©ãƒ³ãƒˆã‚’ã€Œãƒ¡ã‚¤ãƒªã‚ªã€ã«è¨å®šã—ã¦ãŠãã¨ã‚ã‚‹ç¨‹åº¦å‹æ‰‹ã«ãƒ•ã‚©ãƒ³ãƒˆã‚’ç½®ãæ›ãˆã¦ãã‚Œã¾ã™ã€‚ ä¸€æ–¹ã€Google Chromeã¯CSSã§å…·ä½“çš„ã«ãƒ•ã‚©ãƒ³ãƒˆåãŒæŒ‡å®šã•ã‚Œã¦ã„ã‚‹å ´åˆã¯ã€æŒ‡å®šã•ã‚ŒãŸãƒ•ã‚©ãƒ³ãƒˆã‚’å„ªå…ˆã—ã¦é©ç”¨ã™ã‚‹ã‚ˆã†ã§ã™ã€‚ãã®ãŸã‚ã€å¾‹å„€ã«ã€ŒMS Pã‚´ã‚·ãƒƒã‚¯ã€ã¨ãƒ•ã‚©ãƒ³ãƒˆåã‚’æŒ‡å®šã—ã¦ãã‚Œã¦ã„ã‚‹Webã‚µã‚¤ãƒˆã§ã¯ã€æ®‹å¿µãªãŒã‚‰ã‚ã®ãƒ“ãƒƒãƒˆãƒžãƒƒãƒ—ã®ãƒ•ã‚©ãƒ³ãƒˆãŒè¡¨ç¤ºã•ã‚Œã¦ã—ã¾ã†ã¨ã„ã†ã‚ã‘ã§ã™ã€‚ ã“ã‚Œã‚‰ã®ãƒ•ã‚©ãƒ³ãƒˆã®ä½¿ç”¨å ´é¢ãŒæ¸›ã‚‹ã ã‘ã§ã€ã€ŒWindowsã¯ãƒ•ã‚©ãƒ³ãƒˆã®è¡¨ç¤ºãŒæ±šã„ã€ã¨ã„ã£ãŸèª¤è§£ã‚‚æ¸›ã‚‰ã›ãã†ãªã®ã§ã™ãŒâ€¦â€¦ã€‚ã¨ã„ã†ã‚ã‘ã§ã€ã›
tksmd 2012/04/16
Chrome ã§ãƒãƒ¼ã‚«ãƒ«ã§ã® CSS ã®å¤‰æ›´æ–¹æ³•

CSS
ãƒªãƒ³ã‚¯
ãƒãƒƒãƒˆã‚µãƒ¼ãƒ“ã‚¹é‹å–¶æ—¥èªŒ: font-familyã«ã€Œãƒ¡ã‚¤ãƒªã‚ªã€ã‚’æŒ‡å®šã™ã‚‹ã¨ã€Windows XP + IE6ã§ã®è¡¨ç¤ºãŒã‚‚ã®ã™ã”ãæ±šããªã‚‹ä»¶
ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆã‹ã‚‰ã€Œãƒ¡ã‚¤ãƒªã‚ªã€ï¼ˆMeiryoï¼‰ã®Windows XPç‰ˆãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚ ãƒ»XPç”¨ã€Œãƒ¡ã‚¤ãƒªã‚ªã€ãƒ•ã‚©ãƒ³ãƒˆã‚‚å…¬é–‹ - ITmedia News ãƒ»Microsoftã€Windows XPå‘ã‘ãƒ¡ã‚¤ãƒªã‚ªãƒ•ã‚©ãƒ³ãƒˆã‚’å…¬é–‹ - PC Watch ãƒ»Japanese ClearType fonts for Windows XPï¼ˆãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãƒšãƒ¼ã‚¸ï¼‰ ã€€ãƒ¡ã‚¤ãƒªã‚ªã¯Windows Vistaç”¨ã«é–‹ç™ºã•ã‚ŒãŸClearTypeå¯¾å¿œæ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆã§ã€æ–°ã—ã„ã‚¹ãƒ ãƒ¼ã‚¸ãƒ³ã‚°æŠ€è¡“ã«å¯¾å¿œã™ã‚‹ã“ã¨ã§ã€éžå¸¸ã«æ˜Žçžï¼ˆMeiryoï¼‰ãªè¡¨ç¤ºãŒå¯èƒ½ã ã¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã€€ãã“ã§ã€ã•ã£ãããƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã€Windows XPã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã€‚è‡ªåˆ†ã®ã‚µã‚¤ãƒˆã®font-familyã«ãƒ¡ã‚¤ãƒªã‚ªã®æŒ‡å®šã‚‚è¿½åŠ ã—ã¦ã¿ã¾ã—ãŸã€‚ font-family : 'ãƒ¡ã‚¤ãƒªã‚ª', 'Verdana', 'Helvetica', 'Arial',
tksmd 2011/12/28
ãƒ¡ã‚¤ãƒªã‚ªã‚’ XP+IE6 ã§è¡¨ç¤ºã™ã‚‹ã¨ãã«ç¶ºéº—ã«ã™ã‚‹æ–¹æ³•

Web

Design

CSS

Font
ãƒªãƒ³ã‚¯
Components Â· Twitter Bootstrap
Sleek, intuitive, and powerful front-end framework for faster and easier web development. Download Bootstrap GitHub project Examples Extend Version 2.3.2
tksmd 2011/08/24
Bootstrap

CSS

Design
ãƒªãƒ³ã‚¯
CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŽBlueTripã€ãŒæƒ³åƒä»¥ä¸Šã«ã™ã”ã„ - present
CSS ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’å†èªè˜ CSS ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã£ã¦ã€åå‰ã ã‘ã¯çŸ¥ã£ã¦ã„ã¾ã—ãŸãŒã€ã©ã†ã„ã†ã‚‚ã®ãªã®ã‹å…¨ãçŸ¥ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚æ¬¡ã®è¨˜äº‹ã‚’èªã‚€ã¾ã§ã¯ã€‚ 404 Not Found - ã‚†ãƒ¼ã™ã‘ã¹ãƒ¼æ—¥è¨˜ ç¢ºã‹ã«ã€ã“ã‚Œã¯ä¾¿åˆ©ãã†ã§ã™ãï¼ ã•ã£ããã€CSS ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’å°Žå…¥ã—ã¦ã¿ã¾ã™ã€‚ BlueTrip ã‚’å°Žå…¥ CSS ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯ã„ã‚ã„ã‚ã‚ã‚Šã¾ã™ãŒã€ä»Šå›žã¯å…ˆã®è¨˜äº‹ã§ç´¹ä»‹ã•ã‚Œã¦ã„ãŸ BlueTrip ã‚’å°Žå…¥ã—ã¦ã¿ã¾ã™ã€‚ æ¬¡ã®ãƒšãƒ¼ã‚¸ã‹ã‚‰ã‚¢ãƒ¼ã‚«ã‚¤ãƒ–ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã€è§£å‡ã—ã¦ css ãƒ•ã‚¡ã‚¤ãƒ«ã¨ç”»åƒã‚’ static ãƒ•ã‚©ãƒ«ãƒ€ã«é…ç½®ã€‚ BlueTrip CSS Framework | A beautiful and full-featured CSS framework HTML ã® head éƒ¨ã«ã€ä¸‹è¨˜ã‚’è¿½åŠ ã€‚ <link rel="stylesheet" href="css/screen.c
tksmd 2011/08/24
BlueTrip

CSS

Design
ãƒªãƒ³ã‚¯
Sassã€ãã—ã¦Sassy CSS (SCSS)
CSSã‚’æ‹¡å¼µã—ãŸãƒ¡ã‚¿è¨€èªžã§ã‚ã‚‹Sassã€ãã—ã¦ãã®åˆ¥æ–‡æ³•ã¨ã—ã¦å®šç¾©ã•ã‚ŒãŸSCSSã«ã¤ã„ã¦ã€960.gsãªã©ã®CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨çµ¡ã‚ã¦ã€Sass (ä¸»ã«SCSS)ã®è‰¯ã•ã‚’è§£èª¬ã™ã‚‹ã€‚ CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ Sass Sassy CSS aka SCSS SCSSã§CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ 2ã‚«ãƒ©ãƒ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ä½œæˆ clearfixã‚„Reset CSSã®çµ„ã¿è¾¼ã¿ ã‚«ãƒ©ãƒ å¹…ã®å¤‰æ›´ ã‚«ãƒ©ãƒ ã®å…¥ã‚Œæ›¿ãˆ SCSSã§å®Œçµã™ã‚‹ã“ã¨ã®æ„ç¾© ã¾ã¨ã‚ æœ€å¾Œã« CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ 960.gsã‚„Blueprintã€BlueTripãªã©CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨å‘¼ã°ã‚Œã‚‹ã‚‚ã®ã¯è‰²ã€…ã‚ã‚‹ã€‚ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨åä¹—ã‚‹ã ã‘ã®ã“ã¨ã¯ã‚ã£ã¦ã€ãã‚Œã‚‰ã®ç”Ÿç”£æ€§ã¯ã¨ã¦ã‚‚é«˜ã„ã€‚ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã§é©åˆ‡ã«ã‚¯ãƒ©ã‚¹åã‚„IDã‚’åŸ‹ã‚è¾¼ã‚€ã ã‘ãªã®ã§ã€è¤‡é›‘æ€ªå¥‡ãªCSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’æ„è˜ã™ã‚‹ã“ã¨ãªãèª°ã§ã‚‚ç°¡æ½”ã«ãã‚Œã„ãªã‚«ãƒ©ãƒ ãƒ»ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ä½œæˆã§ãã‚‹ã€‚ HTML 4
tksmd 2011/08/22
CSS ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

CSS

Design
ãƒªãƒ³ã‚¯
Getting started | Less.js
It's CSS, with just a little more. Use with Node.js: npm install -g less > lessc styles.less styles.css Or the browser: <link rel="stylesheet/less" type="text/css" href="styles.less" /> <script src="https://cdn.jsdelivr.net/npm/less" ></script> Or try the online playground ! ðŸ†• Less (which stands for Leaner Style Sheets) is a backwards-compatible language extension for CSS. This is the official do
tksmd 2011/08/22
CSS ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

CSS

Design
ãƒªãƒ³ã‚¯
duree dpe
Par la rÃ©daction RÃ©digÃ© le 2021-05-25 Les diagnostics de performance Ã©nergÃ©tique dpe doit Ãªtre affichÃ© pendant toute sa durÃ©e de validitÃ© de 10 ans l'affichage doit Ãªtre visible par le locataire. Dans le diagnostic je pense que tout est rÃ©sumÃ© une super Ã©quipe sur laquelle nous pouvons compter Ã tout moment de surcroit trÃ¨s sympathique. De la performance Ã©nergÃ©tique dpe log ement tous les cas Ã par
tksmd 2010/05/20
è§’ä¸¸

CSS

HTML
ãƒªãƒ³ã‚¯
border-radius + -moz-border-radius + (Nifty Corners * IE behavior) - å¾’æ›¸
border-radius + -moz-border-radius + (Nifty Corners * IE behavior) ã“ã‚Œã¾ã§ã¯ã•ã»ã©é–¢å¿ƒã‚’æŒã£ã¦ã„ãªã‹ã£ãŸè§’ä¸¸ãªã®ã§ã™ãŒã€æœ€è¿‘ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã§è§’ä¸¸ã‚’æ‰±ã£ãŸè¨˜äº‹ãŒå¤šãå–ã‚Šä¸Šã’ã‚‰ã‚Œã¦ãŸã‚Šã€CSS Nite Vol.6(è¦‹ã«è¡Œã£ã¦ã¾ã—ãŸ)ã§ã‚‚è§’ä¸¸ãŒå–ã‚Šä¸Šã’ã‚‰ã‚ŒãŸã‚Šã—ã¦ã„ãŸã®ã§ã€ä»Šæ›´ãªãŒã‚‰ã«ã‚ã‹ã«èˆˆå‘³ãŒå‡ºã¦ããŸã®ã§ã—ãŸã€‚ ãŸã¶ã‚“ã€è‡ªåˆ†ãŒè§’ä¸¸ã¸é–¢å¿ƒã‚’æŒã¤ã®ã‚’é¿ã‘ã¦ã„ãŸã®ã¯ã€ä½œã‚‹å´ã¨ã—ã¦ã€Œå®Ÿç¾ã™ã‚‹ã®ãŒã‚„ã‚„ã“ã—ã„ã‹ã‚‰ã€ã¨ã„ã†ã“ã¨ã ã£ãŸã¨æ€ã†ã®ã§ã™ãŒã€è¦‹ã‚‹å´ã‹ã‚‰ã—ã¦ã¿ã‚‹ã¨ã€è§’ä¸¸ã®ã‚‚ã¤è¦‹ãŸç›®ã®å°è±¡ã¯ã‹ãªã‚ŠåŠ¹æžœçš„ã ã‚ˆãªã‚ã€ã¨è€ƒãˆã‚‹ã‚ˆã†ã«ãªã£ã¦ãã¾ã—ãŸã€‚æœ€è¿‘è¦‹ãŸã‚‚ã®ã ã¨ã€Catalystã§ã‚µãƒ³ãƒ—ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã£ãŸæ™‚ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆãƒšãƒ¼ã‚¸ãŒã€-moz-border-radiusã‚’ã¤ã‹ã£ãŸã‚¹ã‚¿ã‚¤ãƒ«ã§ã€è¡æ’ƒçš„ã§ã—ãŸã€‚ ã•ã¦è§’ä¸¸ã‚’ã©ã†å®Ÿç¾ã™ã‚‹ã‹
tksmd 2009/07/21
è§’ä¸¸ï¼

Design

CSS
ãƒªãƒ³ã‚¯
clearfixã§floatã‚’è§£é™¤ | d-spica
clearfixã§floatã‚’è§£é™¤ 2007-03-07 1 0 XHTML/CSS clear, CSS æž ã‚„èƒŒæ™¯ãŒæ¶ˆãˆãŸã‚Šï¼Œé€”ä¸ã§åˆ‡ã‚ŒãŸã‚Šã—ãŸã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ã€‚ floatã—ãŸè¦ç´ ï¼ˆãƒœãƒƒã‚¯ã‚¹ï¼‰ã‚’å«ã‚€è¦ªè¦ç´ ï¼ˆãƒœãƒƒã‚¯ã‚¹ï¼‰ã®borderã‚„backgroundãŒé€”ä¸ã§åˆ‡ã‚Œã¦ã—ã¾ã†ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ å·¦ã®ä¾‹ã§ã¯ï¼Œå³å´ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒçµ‚ã‚ã£ãŸã‚ãŸã‚Šã§ï¼Œå·¦å³ã«ã‚ã‚‹ãƒ©ã‚¤ãƒ³ã‚‚åˆ‡ã‚Œã¦ã„ã¾ã™ã€‚ floatã—ãŸè¦ç´ ã®é«˜ã•ã¯è¦ªè¦ç´ ã®é«˜ã•ã«åæ˜ ã•ã‚Œãªã„ åˆ†ã‹ã‚Šã‚„ã™ã„ã‚ˆã†ã«XHTMLã¨CSSã®ä¾‹ã‚’æ›¸ã„ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ <div id="wrapper"> <div id="content"> <p>content</p> </div> <div id="menu"> <p>menu</p> </div> </div> #wrapper { width: 200px; border: solid 3px #999999;
tksmd 2008/10/13
clearfix clear ã‚’è¦ªè¦ç´ ã§è¡Œã†æ–¹æ³•

CSS
ãƒªãƒ³ã‚¯
ADP: floatãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ã¤ã¾ã¥ã‹ãªã„ãŸã‚ã®Tips
tksmd 2008/10/13
ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ float

CSS
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ¼ãƒ ã®ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è€ƒãˆã‚‹ï¼ˆ1ï¼‰ - builder by ZDNet Japan
ãƒ•ã‚©ãƒ¼ãƒ ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ ãƒ•ã‚©ãƒ¼ãƒ ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‹ã‚‰æƒ…å ±ã‚’é€ã£ã¦ã‚‚ã‚‰ã†ã®ã«æ¬ ã‹ã›ãªã„è¦ç´ ã ã€‚ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒå…¥åŠ›ã§è¿·ã†ã“ã¨ã®ãªã„ã‚ˆã†ã«ã€ã‚ã‹ã‚Šã‚„ã™ããƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã“ã¨ãŒæ±‚ã‚ã‚‰ã‚Œã‚‹è¦ç´ ã§ã‚‚ã‚ã‚‹ã€‚ CSSã§ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚„å…¥åŠ›é …ç›®ã®çŠ¶æ…‹ã«å¿œã˜ã¦ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è¨å®šã™ã‚‹ã‚»ãƒ¬ã‚¯ã‚¿ãŒã•ã¾ã–ã¾ã«å®šç¾©ãƒ»ææ¡ˆã•ã‚Œã¦ãŠã‚Šã€Firefoxã‚„Safariã®å¯¾å¿œã‚‚é€²ã‚“ã§ã„ã‚‹ã€‚ãã“ã§ä»Šå›žã‹ã‚‰ã€ãƒ•ã‚©ãƒ¼ãƒ ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢é€£ã—ãŸã‚»ãƒ¬ã‚¯ã‚¿ã‚’ç´¹ä»‹ã™ã‚‹ã€‚ ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã«å¿œã˜ã¦ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¤‰æ›´ã™ã‚‹ :hoverã¨ã„ã£ãŸã‚»ãƒ¬ã‚¯ã‚¿ã‚’åˆ©ç”¨ã™ã‚‹ã¨ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã«å¿œã˜ã¦ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’é©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã€‚ä¸€èˆ¬çš„ã«ã¯ãƒªãƒ³ã‚¯éƒ¨åˆ†ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¤‰ãˆã‚‹ã®ã«åˆ©ç”¨ã™ã‚‹ãŒã€ãƒ•ã‚©ãƒ¼ãƒ éƒ¨åˆ†ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¤‰ãˆã‚‹ã“ã¨ã‚‚å¯èƒ½ã ã€‚åˆ©ç”¨ã§ãã‚‹ã‚»ãƒ¬ã‚¯ã‚¿ã¯æ¬¡ã®ï¼“ç¨®é¡žã¨ãªã£ã¦ã„ã‚‹ã€‚ :hover é …ç›®ã«ã‚«ãƒ¼ã‚½ãƒ«ï¼ˆãƒžã‚¦ã‚¹ãƒã‚¤ãƒ³ã‚¿
tksmd 2008/06/02
ã‚¹ã‚¿ã‚¤ãƒ«

Design

CSS
ãƒªãƒ³ã‚¯
SitePoint CSS Reference
A Complete Guide to CSS Logical Properties, with Cheat Sheet
tksmd 2008/02/01
äº’æ›æ€§

CSS
ãƒªãƒ³ã‚¯
ã‚‚ã†ã€classåã‚„idåã§æ‚©ã¾ãªã„ã‚“ã ã‹ã‚‰ã£ï¼ï¼ï½œCSS HappyLife
classåã‚„idåã£ã¦ä»˜ã‘ã‚‹æ™‚æ‚©ã¿ã¾ã›ã‚“ã‹ï¼Ÿ ä»Šã§ã‚‚ãƒœã‚¯ã¯çµæ§‹æ‚©ã‚€ã‚“ã§ã™ãŒã€ãã‚“ãªæ‚©ã¿ã‚’è§£æ±ºã™ã‚‹ç‚ºã«ã€äººã•ã¾ã®ã‚½ãƒ¼ã‚¹è¦—ãã¾ãã£ã¦ã‚ˆãã‚ã‚‹classåã¨idåã‚’æ‹¾ã£ã¦ãã¾ã—ãŸã€‚ ã“ã‚Œã§ã€ãƒãƒ§ãƒƒãƒˆã ã‘ä½œæ¥åŠ¹çŽ‡ã‚¢ãƒƒãƒ—ï¼ï¼Ÿ 2010å¹´6æœˆ10æ—¥è¿½è¨˜ï¼š ã“ã®è¨˜äº‹è‡ªä½“ã€2007å¹´ 1æœˆ15æ—¥ã«æ›¸ã‹ã‚Œã¦ã‚‹ã‚“ã§ã‹ãªã‚Šå¤ã„ã§ã™ã€‚ ã‚ãã¾ã§ã‚‚å‚è€ƒç¨‹åº¦ã«ç•™ã‚ã¦ã‚‚ã‚‰ã†ã®ãŒè‰¯ã„ã‹ã¨æ€ã„ã¾ã™ã€‚ ä»Šã ã£ãŸã‚‰ã€html5ã®è¦ç´ ã‚’å‚è€ƒã«ã—ãŸã‚Šã—ã¦ä»˜ã‘ã‚‹ã®ãŒã€ä»Šå¾Œã®äº‹ã‚’è€ƒãˆã‚‹ã¨è‰¯ã„ã®ã‹ãªãƒ¼ã¨æ€ã„ã¾ã™ã€‚ ã¾ãŸã€å–„ã—æ‚ªã—ã®åˆ¤æ–ã¯ã›ãšã«å…¬é–‹ã—ã¦ã„ã‚‹ã‚‚ã®ã§ã™ãŒã€ä½ç½®ã«é–¢ã™ã‚‹ã®ã¯ä»•æ§˜å¤‰æ›´ã«å¼±ããªã‚‹ã®ã§ã‚ªã‚¹ã‚¹ãƒ¡ã¯ã—ã¾ã›ã‚“ã€‚ å…¨ä½“ã«ä½¿ãˆãã†ãªæ„Ÿã˜ wrap wrapper top-wrapper wrapperAll frame mframe all-frame container page pagetop all allContent
tksmd 2007/01/16
css

CSS
ãƒªãƒ³ã‚¯
TRANS [hatena] - å°åˆ·ç”¨CSSã‚’ã¾ã¨ã‚ã¦ã¿ãŸã€‚
ä»¥å‰ã€çµµæ–‡ç¦„ã®ã“ã¨ã®ã¯ã•ã‚“ã®ã¨ã“ã‚ã§ã€ã‚µã‚¤ãƒˆã®æ¨ªå¹…ã‚’640ãƒ”ã‚¯ã‚»ãƒ«ã«ã™ã‚‹ç†ç”±â€•â€•çµ±è¨ˆã¨ç¾çŠ¶ã«åŸºã¥ãçµè«–ã¨ã„ã†ã‚¨ãƒ³ãƒˆãƒªãƒ¼ãŒã‚ã£ãŸã€‚ãã‚Œã‹ã‚‰ã€ã¡ã‚‡ã£ã¨å°åˆ·ç”¨CSSã«èˆˆå‘³ã‚’æŒã£ã¦ã€è‰²ã€…ã¨èª¿ã¹ã¦ã¿ãŸã‚Šã€è‡ªåˆ†ã§æ›¸ã„ã¦ã¿ãŸã‚Šã—ãŸã€‚ãã®ã¾ã¨ã‚ã€‚ ã¡ãªã¿ã«ã€#naviãŒã‚°ãƒãƒ¼ãƒãƒ«ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã€#primaryãŒãƒ¡ã‚¤ãƒ³ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã€#secondaryãŒã‚µãƒ–ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€#footerãŒãƒ•ãƒƒã‚¿ãƒ¼ã€‚ ã¨ã‚Šã‚ãˆãšã€æœ€ä½Žé™ã‚„ã£ã¦ãŠã„ãŸã»ã†ãŒã‚ˆã„ã“ã¨ã€‚ body { font-size: 12pt; color: #000000; background-color: #FFFFFF; } a:link, a:visited { text-decoration: underline; color: #000000; } img { border: 0; } å°åˆ·ã§èªã¾ã‚Œã‚‹ã“ã¨ã‚’å‹˜æ¡ˆã™ã‚‹ã®ãªã‚‰ã€font-sizeã¯ã‚ã‚‹ç¨‹åº¦
tksmd 2006/12/11
css

CSS
ãƒªãƒ³ã‚¯
1