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

Yoshichika id:Yoshichika

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

${{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ã§Wiié¢¨ã®ã‚·ãƒ³ãƒ—ãƒ«ã§è§’ãŒã¾ã‚‹ã„ãƒœã‚¿ãƒ³ã‚’ä½œã‚‹ - GIGAZINE
ã‚·ãƒ³ãƒ—ãƒ«ãªWiié¢¨ã®è§’ä¸¸ãƒœã‚¿ãƒ³ãŒç°¡å˜ã«ä½œæˆã§ãã¾ã™ã€‚IE5.5ã€IE6ã€IE7ã€Firefox2ã€Opera9ã§å‹•ä½œç¢ºèªãŒã•ã‚Œã¦ãŠã‚Šã€2ã¤ã®ã‚¿ã‚°ã¨ç”»åƒãŒ1ã¤ã€ãã‚Œã‹ã‚‰CSSãƒ•ã‚¡ã‚¤ãƒ«1ã¤ã§æ§‹æˆã•ã‚Œã¦ã„ã¾ã™ã€‚ ä½œã‚Šæ–¹ã¯ä»¥ä¸‹ã‹ã‚‰ã€‚ Simple Round CSS Links ( Wii Buttons ) ã“ã‚Œã®ã‚‚ã¨ã«ãªã£ãŸã®ã¯ã€ä»¥ä¸‹ã®ãƒšãƒ¼ã‚¸ã§è§£èª¬ã•ã‚Œã¦ã„ã‚‹CSSã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€‚ã„ã‚ã„ã‚ãªãƒœã‚¿ãƒ³ãŒä½œæˆã§ãã€ãŠã‚‚ã—ã‚ã„ã€‚ Create Link Buttons with simple CSS and HTML ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ãŒã„ã‚ã„ã‚ã¨å¿œç”¨ãŒã§ããã†ãªã‚ãŸã‚Šã€å¥½æ„Ÿè§¦ã€‚
Yoshichika 2007/02/15
webdesign

css
ãƒªãƒ³ã‚¯
CurvyCorners - Beautiful rounded corners for your HTML boxes
æŽ¢åµã®ãƒã‚¤ãƒˆã®ãã£ã‹ã‘ã¯å˜ç´”ãªã‚‚ã®ã€‚ ãŸã‚“ãªã‚‹ã‚¢ãƒ«ãƒã‚¤ãƒˆã®ã¤ã‚‚ã‚Šã ã£ãŸã€‚ åå¤å±‹ã§ã‚¢ãƒ«ãƒã‚¤ãƒˆã§ãã‚‹ã®ã¯å¬‰ã—ã„ã“ã¨ã ã‘ã‚Œã©ã€‚ ãã‚ŒãŒæŽ¢åµäº‹å‹™æ‰€ã¨ã¯ã€æ€ã„ã‚‚ã‚ˆã‚‰ãªã„ã€‚ åå¤å±‹ã¯è‰¯ã„ã‘ã‚Œã©ã€æŽ¢åµäº‹å‹™æ‰€ã£ã¦ã€ã€ã€ ãã®ã“ã‚ã€è³‡æ ¼ã‚’ã¨ã‚‹ãŸã‚ã®å‹‰å¼·ã‚’é ‘å¼µã£ã¦ã€ è©¦é¨“ã‚’å—ã‘ãŸã‘ã‚Œã©ã€å¦ç§‘ã¯é€šã‚Šã€ å®ŸæŠ€ã‚’è½ã¡ã¦ã—ã¾ã£ãŸã‚ãŸã—ã¯ã€å°±è·ã™ã‚‹æ°—åˆ†ã«ãªã‚Œãªã‹ã£ãŸã€‚ å—é¨“ã—ã¦ï¼“é€±é–“ã»ã©ã§çµæžœãŒå±Šãã€ã™ãã•ã¾å†è©¦é¨“ã®ç”³ã—è¾¼ã¿ã¯ã—ãŸã‘ã‚Œã©ã€ã€ã€ ã¡ã‚‡ã†ã©ã€ï¼“ãƒ¶æœˆã€‚å‹é”ã¨ä¸€ç·’ã«åå¤å±‹ã®å¦æ ¡ã¸é€šã†ã€‚ ãã®é–“ã¯ã€ä¸¡è¦ªã‚‚å¿«ãå”åŠ›ã—ã¦ãã‚ŒãŸã®ã ãŒã€ã•ã™ãŒã«è©¦é¨“ã«è½ã£ã“ã¡ã¦ã—ã¾ã†ã¨ã€æ…‹åº¦ãŒå†·ãŸãæ€¥å¤‰ã—ãŸã€‚ ã§ã€ã‚¢ãƒ«ãƒã‚¤ãƒˆã‚’æŽ¢ã™ã“ã¨ã«ã—ãŸã®ã ã€‚ ï¼‘æ—¥ä¸ã€ã„ã¤æ©Ÿå«Œã®æ‚ªããªã‚‹ã¨ã‚‚ã—ã‚Œãªã„æ¯è¦ªã¨é¡”ã‚’çªãåˆã‚ã›ã‚‹ã‚ˆã‚Šã¯ã€ å°‘ã—ã§ã‚‚ç¨¼ããã‚‰ã„ã®æ–¹ãŒãƒžã‚·ã ã¨åˆ¤æ–ã—ãŸã‹ã‚‰ã€‚ ã¾ã ã€åå¤å±‹ã®å¦æ ¡ã®å†è©¦é¨“ã‚‚æŽ§ãˆã¦ã„ã‚‹ã—ã€ãã“ã¾ã§ä¸€ç”Ÿæ‡¸å‘½ã«ä»•äº‹ã¯ã—ãŸã
Yoshichika 2007/02/12
css

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
å°ç²‹ç©ºé–“: æ¨™æº–æº–æ‹ ãƒ¢ãƒ¼ãƒ‰ã¨å¾Œæ–¹äº’æ›ãƒ¢ãƒ¼ãƒ‰ãƒ»DOCTYPEå®£è¨€ã«ã¤ã„ã¦ - IEã§ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦ç”»åƒã«æž ã‚’è¡¨ç¤ºã™ã‚‹
ä»¥å‰ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã—ãŸã€ŒCSSã§ç”»åƒã«å½±ã‚’ã¤ã‘ã‚‹ï¼ˆãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦ï¼‰ã€ã§ã€IEã§ç”»åƒæž ãŒè¡¨ç¤ºã•ã‚Œãªã„ä¸å…·åˆã«ã¤ã„ã¦ã®å¯¾å‡¦æ–¹æ³•ã§ã™ã€‚ å¯¾å‡¦ã™ã‚‹ã“ã¨ã§ã€ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã®ã‚ˆã†ã«IEã§ã‚‚ç”»åƒæž ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚*1 å…ƒã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§è¨˜ã—ã¦ã„ã‚‹ã¨ãŠã‚Šã€å®Ÿé¨“ã‚µã‚¤ãƒˆã§ã¯IEã§ç”»åƒæž ï¼ˆ= padding ãƒ—ãƒãƒ‘ãƒ†ã‚£ï¼‰ãŒã¤ã„ã¦ã„ãŸã®ã§ã™ãŒã€ã‚¨ãƒ³ãƒˆãƒªãƒ¼æ™‚ã«ã¯ç”»åƒæž ãŒã¤ã‹ãªã„çŠ¶æ…‹ã«ãªã£ã¦ã„ã¾ã—ãŸã€‚ãã®ã“ã¨ã«ã¤ã„ã¦ã‚ã¾ã‚Šæ°—ã«ã—ã¦ã„ãªã‹ã£ãŸã®ã§ã™ãŒã€å…ˆæ—¥ã“ã®ä»¶ã«é–¢ã™ã‚‹ã”è³ªå•ã‚’é ‚ã„ã¦èª¿ã¹ãŸã¨ã“ã‚ã€åŽŸå› ãŒåˆ¤æ˜Žã—ã¾ã—ãŸã€‚ ãŠãŠã–ã£ã±ãªçµè«–ã‹ã‚‰ç”³ã—ä¸Šã’ã¾ã™ã¨ã€ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ1è¡Œç›®ã«ã‚ã‚‹XMLå®£è¨€ <?xml version="1.0" encoding="utf-8"?> ãŒç”»åƒæž ã®è¡¨ç¤ºã«å½±éŸ¿ã—ã¦ã„ã¾ã™ã€‚å½“ã‚µã‚¤ãƒˆã§ã¯1è¡Œç›®ã«XMLå®£è¨€ã‚’è¨˜è¿°ã—ã¦ã„ã‚‹ãŸã‚ã€å®Ÿé¨“ã‚µã‚¤ãƒˆï¼ˆXMLå®£è¨€ãªã—ï¼‰ã¨ç•°ãªã‚‹çµæžœã«ãªã£ã¦ã„ã¾ã—ãŸã€‚ è¡¨ç¤º
Yoshichika 2007/01/18
CSS

ãƒ–ãƒ©ã‚¦ã‚¶
ãƒªãƒ³ã‚¯
ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã«ã‚ˆã‚‹å´©ã‚Œãªã„ã€€2ã‚«ãƒ©ãƒ ã€€3ã‚«ãƒ©ãƒ ãƒ»ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ
ã“ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¯è²©å£²ç”¨ã§ã™ï¼ desperadoes.biz ã¯ã€ã‚ãªãŸãŒãŠæŽ¢ã—ã®æƒ…å ±ã®å…¨ã¦ã®æœ€æ–°ã‹ã¤æœ€é©ãªã‚½ãƒ¼ã‚¹ã§ã™ã€‚ä¸€èˆ¬ãƒˆãƒ”ãƒƒã‚¯ã‹ã‚‰ã“ã“ã‹ã‚‰æ¤œç´¢ã§ãã‚‹å†…å®¹ã¯ã€desperadoes.bizãŒå…¨ã¦ã¨ãªã‚Šã¾ã™ã€‚ã‚ãªãŸãŒãŠæŽ¢ã—ã®å†…å®¹ãŒè¦‹ã¤ã‹ã‚‹ã“ã¨ã‚’é¡˜ã£ã¦ã„ã¾ã™ï¼
Yoshichika 2007/01/11
CSS

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ
ãƒªãƒ³ã‚¯
è¡¨ç¤ºãƒ»éžè¡¨ç¤ºãŒå¤‰ã‚ã‚‹æ–¹æ³• - DHTML
è¡¨ç¤ºãƒ»éžè¡¨ç¤ºãŒå¤‰ã‚ã‚‹ã“ã¨ã«ã‚ˆã£ã¦éš ã•ã‚ŒãŸãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒå‡ºç¾ã—ã¾ã™ã€‚DHTMLã®æ©Ÿèƒ½ã§ã™ã€‚å‹•çš„ãªãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ ãƒžã‚¦ã‚¹ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã€ŒVisibility(id)ã€ãŒå‘¼ã³å‡ºã•ã‚Œã¦ã„ã¾ã™ã€‚ ã€Œdocument.all(id).style.visibilityã€ã€ã€Œdocument.getElementById(id).style.visibilityã€ ã§è¡¨ç¤ºéžè¡¨ç¤ºã‚’å¤‰æ›´ã—ã¦ã„ã¾ã™ã€‚
Yoshichika 2007/01/11
CSS

JavaScript
ãƒªãƒ³ã‚¯
JavaScript for CSS
ãã‚Œã§ã€å‹•çš„ã«å¤‰åŒ–ã•ã›ã‚‹ã€Œãã£ã‹ã‘ã€ã¨ã—ã¦ã€HTML 4.0ã§ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªå†…åœ¨ã‚¤ãƒ™ãƒ³ãƒˆãŒå®šç¾©ã•ã‚Œã¦ã„ã¾ã™ã€‚ onload ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã‚ã‚‹ã„ã¯å…¨ã¦ã®ãƒ•ãƒ¬ãƒ¼ãƒ ã®èªã¿è¾¼ã¿ãŒå®Œäº†ã—ãŸæ™‚ã«ç™ºç”Ÿã™ã‚‹ã€‚BODYã‹FRAMESETè¦ç´ ã«è¨å®šã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ã€‚ <BODY onload="function()">  <BODY onload="setTimeout('function()',n)">  onunload ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã‚ã‚‹ã„ã¯ãƒ•ãƒ¬ãƒ¼ãƒ å†…ã®æ–‡æ›¸ã‚’ç ´æ£„ã™ã‚‹æ™‚ã«ç™ºç”Ÿã™ã‚‹ã€‚BODYã‹FRAMESETè¦ç´ ã«è¨å®šã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ã€‚ onclick è¦ç´ ä¸Šã§ãƒã‚¤ãƒ³ãƒ†ã‚£ãƒ³ã‚°ãƒ‡ãƒã‚¤ã‚¹ã®ãƒœã‚¿ãƒ³ãŒã‚¯ãƒªãƒƒã‚¯ã•ã‚ŒãŸæ™‚ã«ç™ºç”Ÿã™ã‚‹ã€‚ã»ã¨ã‚“ã©ã®è¦ç´ ã«è¨å®šã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ã€‚ <SPAN id="c1">å¤‰åŒ–ã•ã›ãŸã„è¦ç´ <
Yoshichika 2007/01/11
CSS

JavaScript
ãƒªãƒ³ã‚¯
CSS ã‚»ãƒ¬ã‚¯ã‚¿ã«é–¢ã™ã‚‹ãŠã•ã‚‰ã„ | WWW WATCH
CSS ã‚’æ‰±ã†ä¸Šã§ã‚»ãƒ¬ã‚¯ã‚¿ã®å˜åœ¨ã¯ã¨ã£ã¦ã‚‚é‡è¦ã§ã™ã€‚ç‰¹ã« CSS3 Selectors ã§ã¯ã‹ãªã‚Šè¤‡é›‘ãªæ¡ä»¶åˆ†å²ãŒã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã®ã§ã€ã‚¹ãƒžãƒ¼ãƒˆãª (X... CSS ã‚’æ‰±ã†ä¸Šã§ã‚»ãƒ¬ã‚¯ã‚¿ã®å˜åœ¨ã¯ã¨ã£ã¦ã‚‚é‡è¦ã§ã™ã€‚ç‰¹ã« CSS3 Selectors ã§ã¯ã‹ãªã‚Šè¤‡é›‘ãªæ¡ä»¶åˆ†å²ãŒã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã®ã§ã€ã‚¹ãƒžãƒ¼ãƒˆãª (X)HTMLã€CSS ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’è¡Œã†ä¸Šã§ã€ã‚»ãƒ¬ã‚¯ã‚¿ã‚’ç†è§£ã—ã¦ã„ã‚‹ã¨ãã†ã§ãªã„ã®ã§ã¯ç”Ÿç”£æ€§ã«å·®ãŒå‡ºã¾ã™ã€‚ CSS3 ã¯ç¾åœ¨ Working Draft ã®æ®µéšŽã§ã™ã®ã§ã€ã¾ã æ£å¼ãªå‹§å‘Šã¯ãªã•ã‚Œã¦ã„ã¾ã›ã‚“ãŒã€å¤šãã®ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã«ãŠã„ã¦ãã®ã»ã¨ã‚“ã©ãŒå…ˆè¡Œå®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã“ã¨ã‹ã‚‰ã€ç¾çŠ¶ã§ã‚‚åˆ©ç”¨ä¾¡å€¤ãŒé«˜ã„ã¨ã„ãˆã¾ã™ã€‚ ã¨ã„ã†ã“ã¨ã§ã€ã“ã“ã§ã¯è‡ªåˆ†ã¸ã®ãƒ¡ãƒ¢ã®æ„å‘³ã‚‚è¾¼ã‚ã¦ã€CSS3 ã§å®šç¾©ã•ã‚Œã¦ã„ã‚‹ã‚‚ã®ã‚‚å«ã‚ãŸå„ CSS ã‚»ãƒ¬ã‚¯ã‚¿ã«ã¤ã„ã¦ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã—ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ ä»Šå›žã®è§£èª¬
Yoshichika 2007/01/11
CSS
ãƒªãƒ³ã‚¯
1