[B! Web][HTML] buty4649ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

buty4649 id:buty4649

Webã¨HTMLã«é–¢ã™ã‚‹buty4649ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (12)

${{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 Niteã€Œè¡¨ç¤ºé€Ÿåº¦æœ€é©åŒ–ã€ãƒ¬ãƒãƒ¼ãƒˆ
CSS Nite LP, Disk 23ã€Œè¡¨ç¤ºé€Ÿåº¦æœ€é©åŒ–ã€ 2012å¹´6æœˆ30æ—¥ã€ãƒ™ãƒ«ã‚µãƒ¼ãƒ«ä¹æ®µä¸‹ã§ã€ŒCSS Nite LP, Disk 23ã€ãŒé–‹å‚¬ã•ã‚Œã¾ã—ãŸã€‚CSS Niteã¯Webåˆ¶ä½œã«é–¢ã‚ã‚‹æ–¹ã®ãŸã‚ã®ã‚»ãƒŸãƒŠãƒ¼ã‚¤ãƒ™ãƒ³ãƒˆã§ã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚„ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ–¹ãŒå¤šãå‚åŠ ã—ã¦ã„ã¾ã™ã€‚ä»Šå›žã®ãƒ†ãƒ¼ãƒžã¯ã€Œè¡¨ç¤ºé€Ÿåº¦æœ€é©åŒ–ã€ã§ã—ãŸã€‚ ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹è¨ˆæ¸¬ã®æ–¹æ³•ã€ç”»åƒã®æœ€é©åŒ–ã€ãƒ¢ãƒã‚¤ãƒ«å‘ã‘æœ€é©åŒ–ã€ãã—ã¦ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‹ã‚‰ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã¾ã§ã‚’è€ƒæ…®ã—ãŸè¨è¨ˆæ®µéšŽã‹ã‚‰ã®æœ€é©åŒ–ã¨ã€å¹…åºƒã„ãªãŒã‚‰ã¨ã¦ã‚‚å¯†åº¦ã®æ¿ƒã„å†…å®¹ã§ã—ãŸã€‚ è‡ªå·±æº€è¶³ã§çµ‚ã‚ã‚‰ãªã„ãŸã‚ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹è¨ˆæ¸¬ ã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®çŸ³æœ¬ å…‰å¸ï¼ˆ@t32kï¼‰ã•ã‚“ã‹ã‚‰ã€ŒMeasuring Web Performance - è‡ªå·±æº€è¶³ã§çµ‚ã‚ã‚‰ãªã„ãŸã‚ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹è¨ˆæ¸¬ - ã€ã¨ã„ã†ã‚¿ã‚¤ãƒˆãƒ«ã§ã€ã‚µã‚¤ãƒˆã®æœ€é©åŒ–ã‚’è¡Œã†ä¸Šã§é‡è¦ãªãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®è¨ˆæ¸¬æ‰‹æ®µã‚„åˆ†æžæ–¹æ³•ã«
buty4649 2012/07/19
web

css

html
ãƒªãƒ³ã‚¯
HTMLã‚„CSSã§ã®ãƒ—ãƒãƒˆã‚³ãƒ«è¡¨è¨˜ï¼ˆhttp:ã€https:ï¼‰ã®çœç•¥ã«ã¤ã„ã¦
HTMLã‚„CSSã§ã¯ãƒ—ãƒãƒˆã‚³ãƒ«è¡¨è¨˜ï¼ˆhttp:ã€https:ï¼‰ã®çœç•¥ãŒå¯èƒ½ã§ã™ã€‚ ã¨ã„ã†ã“ã¨ã§ã€ãƒ—ãƒãƒˆã‚³ãƒ«è¡¨è¨˜ã®çœç•¥ã«é–¢ã™ã‚‹ã“ã¨ã‚’è‰²ã€…èª¿ã¹ã¦ã¿ã¾ã—ãŸã®ã§ã€æœ¬ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ç´¹ä»‹è‡´ã—ã¾ã™ã€‚ ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã¯ã€ã€Œã€ŒGoogle HTML/CSS Style Guideã€ã‚’é©å½“ã«å’Œè¨³ã—ã¦ã¿ãŸã€ã®ä»¥ä¸‹ã®éƒ¨åˆ†ã«å¯¾ã—ã¦ã®ä¾¿ä¹—è¨˜äº‹ã§ã™ã€‚ åŸ‹ã‚è¾¼ã¿ãƒªã‚½ãƒ¼ã‚¹ã‹ã‚‰ãƒ—ãƒãƒˆã‚³ãƒ«è¡¨è¨˜ï¼ˆhttp:,https:ï¼‰ã‚’çœç•¥ã™ã‚‹ã€‚  <script src="http://www.google.com/js/gweb/analytics/autotrack.js"></script>  <script src="//www.google.com/js/gweb/analytics/autotrack.js"></script> ï¼‘ï¼Žãƒ—ãƒãƒˆã‚³
buty4649 2012/05/11
HTML

css

web
ãƒªãƒ³ã‚¯
æ—¥æœ¬ã®ä¼çµ±è‰² å’Œè‰²å¤§è¾žå…¸ - Japanese Traditional Color Names
åŽŸè‰²å¤§è¾žå…¸ã¨ã¯ åŽŸè‰²å¤§è¾žå…¸ã¯1997å¹´ã«ã‚ªãƒ¼ãƒ—ãƒ³ã—ãŸãƒãƒƒãƒˆã®è‰²è¦‹æœ¬ã‚µã‚¤ãƒˆã§ã™ã€‚ 9ç¨®é¡žã®è‰²è¦‹æœ¬ã¨è‰²ã«é–¢ã™ã‚‹å„ç¨®ã‚µãƒ¼ãƒ“ã‚¹ã‹ã‚‰æ§‹æˆã•ã‚Œã¦ã„ã¾ã™ã€‚ è‰²è¦‹æœ¬ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯ ãƒ–ãƒ©ã‚¦ã‚¶ã§å®šç¾©ã•ã‚Œã¦ã„ã‚‹HTMLã‚«ãƒ©ãƒ¼ãƒãƒ¼ãƒ ã€ æ—¥æœ¬ã®ä¼çµ±è‰²ã€ ä¸–ç•Œã®ä¼çµ±è‰²ã€ Webã‚»ãƒ¼ãƒ•ã‚«ãƒ©ãƒ¼ã€ ãƒ‘ã‚¹ãƒ†ãƒ«ã‚«ãƒ©ãƒ¼ã€ ãƒ“ãƒ“ãƒƒãƒ‰ã‚«ãƒ©ãƒ¼ã€ ãƒ¢ãƒŽãƒˆãƒ¼ãƒ³ã€ åœ°ä¸‹é‰„ã®ã‚·ãƒ³ãƒœãƒ«ã‚«ãƒ©ãƒ¼ã€ å›½é‰„åˆ¶å®šã®å¡—è£…è‰² ã®9ã¤ã‹ã‚‰æ§‹æˆã•ã‚Œã€ç‰¹ã«æ—¥æœ¬ã®ä¼çµ±è‰²ã¯å¤æ¥ä¼ã‚ã‚‹å…ˆäººã®è‰²å½©æ„Ÿè¦šã‚’ç¾ä»£ã«ä¼ãˆã‚‹ã‚‚ã®ã¨ã—ã¦å¤šãã®æ–¹ã€…ã‹ã‚‰æ”¯æŒã‚’ã„ãŸã ã„ã¦ã„ã¾ã™ã€‚ æ–‡å—åˆ—ã¨èƒŒæ™¯è‰²ã®çµ„ã¿åˆã‚ã›ã‚’è©¦ã›ã‚‹é…è‰²å¤§è¾žå…¸ã€ è¦å‰‡æ€§ã®ã‚ã‚‹çµ„ã¿åˆã‚ã›ã‹ã‚‰è‰²ã‚’é¸ã¹ã‚‹é…è‰²ãƒ‘ã‚¿ãƒ¼ãƒ³ã€‚ è‰²è¦‹æœ¬ã®ä»–ã«ã‚‚ã€ä»Šæ—¥ã®ãƒ©ãƒƒã‚ãƒ¼ã‚«ãƒ©ãƒ¼ã€ ã‚³ãƒˆãƒã‹ã‚‰è‰²ã‚’è§£æžã—ã¦èª¿åˆã™ã‚‹æˆåˆ†è§£æžã€ ã‚¹ãƒˆãƒ©ã‚¤ãƒ—ã‚’ç”Ÿæˆã™ã‚‹ã‚¹ãƒˆãƒ©ã‚¤ãƒ—ãƒ¡ãƒ¼ã‚«ãƒ¼ã€ ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç”Ÿæˆã™ã‚‹ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ¡ãƒ¼ã‚«ãƒ¼ã€ ã‚ãªãŸã®å¥½ããªè‰²ã¨è‰²ã‚’èª¿åˆã™ã‚‹è‰²èª¿åˆã€ ã‚µ
buty4649 2011/11/21
HTML

web

color
ãƒªãƒ³ã‚¯
Blogger
Google ã®ã‚¦ã‚§ãƒ–ãƒã‚°å…¬é–‹ãƒ„ãƒ¼ãƒ«ã‚’ä½¿ã£ã¦ã€ãƒ†ã‚ã‚¹ãƒˆã€å†™çœŸã€å‹•ç”»ã‚’å…±æœ‰ã§ãã¾ã™ã€‚
buty4649 2011/09/06
web

HTML

ãƒ–ãƒ©ã‚¦ã‚¶
ãƒªãƒ³ã‚¯
Mozillaã®ç ”ç©¶è€…ã‚‰ã€HTML5ã¨JavaScriptã§PDFãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã«æˆåŠŸã€€ãƒã‚¤ãƒ†ã‚£ãƒ–ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¯ä¸è¦ã«ï¼Ÿ
buty4649 2011/07/05
HTML

javascript

web

FireFox

html5
ãƒªãƒ³ã‚¯
floatè§£é™¤ã®æ±ºå®šç‰ˆã€‚clearfixã‚’è€ƒãˆãŸã‚‰ã€é€²åŒ–ã—ãŸã€‚
ç¾åœ¨ã“ã®ä¸ã§clearfixã§ã‚ˆãä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹ãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯ display:inline-block; height:1%(min-height:1%) zoom:1; ã§ã‚‚è‰¯ãè€ƒãˆãŸã‚‰ã€å…¨ã¦å¾®å¦™ã§ã™ã€‚ zoom:1ã¯IEã®ç‹¬è‡ªä»•æ§˜ã§ã™ã—ã€heightã‚’ä½¿ç”¨ã™ã‚‹å ´åˆã¯ã€IE6,7ã«å¯¾å¿œã•ã›ã‚‹ãŸã‚ã«2ã¤ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒå¿…è¦ã§ã™ã€‚ display:inline-blockã‚‚ãƒœãƒƒã‚¯ã‚¹ã®è¦ç´ ã‚’å¤‰å½¢ã•ã›ã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ hasLayoutã®ã‚¹ã‚¤ãƒƒãƒã‚’è¦‹ãŸæ™‚ã«ã€ä¸€ç•ªç†ã«é©ã£ãŸãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯widthã‹ãªã¨æ€ã„ã¾ã—ãŸã€‚ åè¦ç´ ã‚’å›²ã‚€è¦ç´ ã¨ã—ã¦ã€divã‚„ulãªã©ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆCSSãŒdisplay:blockã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®ã‚‚ã®ãŒå¤šãã€display:blockã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®å ´åˆã€width:100%ã§å•é¡Œãªã„ã¨æ€ã£ãŸã‹ã‚‰ã§ã™ã€‚ ç¾åœ¨ã®ãƒ–ãƒ©ã‚¦ã‚¶çŠ¶æ³ã«é©ã—ãŸclearfix ä¸Šè¨˜ã‚’è¸ã¾ãˆè¦‹ç›´ã—ãŸclearfixãŒ
buty4649 2011/04/05
css

HTML

web
ãƒªãƒ³ã‚¯
XSSã®æ”»æ’ƒæ‰‹æ³•ã„ã‚ã„ã‚ - ã†ãªã®æ—¥è¨˜
html5securityã®ã‚µã‚¤ãƒˆã«ã€XSSã®å„ç¨®æ”»æ’ƒæ‰‹æ³•ãŒã¾ã¨ã‚ã‚‰ã‚Œã¦ã„ã‚‹ã®ã‚’ç™ºè¦‹ã›ã‚Š!ã¨ã„ã†ã“ã¨ã§ã€å€‹äººçš„ã«ã€ŒãŠ!ã€ã¨æ€ã£ãŸæ”»æ’ƒã‚’ã‚µãƒ³ãƒ—ãƒ«ã¤ãã§ã”ç´¹ä»‹ã—ã¾ã™ã€‚ 1. CSS Expression IE7ä»¥å‰ã«ã¯ã€ŒCSS Expressionsã€ã¨ã„ã†æ‹¡å¼µæ©Ÿèƒ½ãŒã‚ã‚Šã€CSSå†…ã§JavaScriptã‚’å®Ÿè¡Œã§ããŸã‚Šã—ã¾ã™ã€‚ <div style="color:expression(alert('XSS'));">a</div> ç¢ºèª @IT -ï¼»æŸ”è»Ÿã™ãŽã‚‹ï¼½IEã®CSSè§£é‡ˆã§èµ·ã“ã‚‹XSS ã§è©³ã—ãè§£èª¬ã•ã‚Œã¦ã„ã¾ã™ãŒã€CSSã®è§£é‡ˆãŒæŸ”è»Ÿãªã“ã¨ã¨ã‚‚ã‚ã„ã¾ã£ã¦è‡ªå‰ã§ç„¡å®³åŒ–ã™ã‚‹ã®ã¯ãªã‹ãªã‹å›°é›£ã€‚ä»¥ä¸‹ã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ã§ã‚‚ã‚¹ã‚¯ãƒªãƒ—ãƒˆãŒå®Ÿè¡Œã•ã‚Œã¦ã—ã¾ã„ã¾ã™ã€‚ <div style="color:expr/* ã‚³ãƒ¡ãƒ³ãƒˆã®æŒ¿å…¥ */ession(alert('XSS'));">a</div> ç¢ºèª <div s
buty4649 2010/06/20
web

ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£
ãƒªãƒ³ã‚¯
ç”»åƒã‚’ä¸€åˆ‡ä½¿ã‚ãšã«CSS3ã ã‘ã§ãƒ‰ãƒ©ãˆã‚‚ã‚“ã‚’æã„ã¦ã¿ãŸï¼Â -Â è£æŠ€shopÂ DD
æ˜¨æ—¥ã®ç”»åƒã‚’ä½¿ã‚ãšã«CSS3ã ã‘ã§ä½œã£ãŸã‚µã‚¤ãƒˆã€ŒNetaGearã€ã«å¼•ãç¶šãã€æœ¬æ—¥ã‚‚CSS3ã®è¨˜äº‹ã§ã™ã€‚ã“ã“æœ€è¿‘ã®ç§ã®ãƒžã‚¤ãƒ–ãƒ¼ãƒ ã¯CSS3ã§è‰²ã€…ã‚„ã£ã¦ã¿ã‚‹ã“ã¨ãªã‚“ã§ã™ãŒã€CSS3ã‚’ä½¿ãˆã°ç”»åƒãªã‚“ã¦ä½¿ã‚ãšã«çµµãŒæã‘ã‚‹ã‚“ã˜ã‚ƒãªã„ï¼Ÿã¨ã„ã†ç–‘å•ã‚’æŠ±ãå®Ÿéš›ã«ä½œã£ã¦ã¿ã¾ã—ãŸï¼ ä»Šå›žä½œæˆã—ãŸã®ã¯æ—¥æœ¬äººãªã‚‰èª°ã‚‚ãŒçŸ¥ã£ã¦ã„ã‚‹å›½æ°‘çš„ã‚ãƒ£ãƒ©ã‚¯ã‚¿ãƒ¼ã®ã€Œãƒ‰ãƒ©ãˆã‚‚ã‚“ã€ã§ã™ã€‚ä½¿ã†ã‚‚ã®ã¯XHTML+CSS3ã ã‘ã§ä¸€åˆ‡ã®ç”»åƒã¯ä½¿ã„ã¾ã›ã‚“ã€‚ç”»åƒã‚’ä½¿ãˆã°ç°¡å˜ã«ã§ãã‚‹ã®ã¯è¨€ã†ã¾ã§ã‚‚ãªã„ã“ã¨ã§ã™ãŒã€ã™ã¹ã¦ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‹ã‚‰æˆã‚Šç«‹ã¤ã“ã¨ãŒå‰æã§ã™ã€‚ CSS3ã§ä½œã£ãŸãƒ‰ãƒ©ãˆã‚‚ã‚“ã®å®Œæˆå“ï¼ CSS3 ãƒ‰ãƒ©ãˆã‚‚ã‚“ æœ€è¿‘ã®ãƒ‰ãƒ©ãˆã‚‚ã‚“ã¨ã„ã†ã‚ˆã‚Šã€å¤§å±±ã®ã¶ä»£ã•ã‚“ãŒå£°ã‚’ã‚„ã£ã¦ã„ãŸé ƒã®ãƒ‰ãƒ©ãˆã‚‚ã‚“ã®æ–¹ãŒå¥½ããªã®ã§ã€ãã£ã¡ã‚’ã‚¤ãƒ¡ãƒ¼ã‚¸ã—ã¦ä½œã‚Šã¾ã—ãŸã€‚æ³¨æ„äº‹é …ã¨ã—ã¦ã¯Google Chromeã¨firefoxã§é–²è¦§ã—ã¦ãã ã•ã„ã€‚Operaã§ã¯ä¸€éƒ¨CSS3ã«å¯¾
buty4649 2010/05/07
ã“ã‚Œã¯ã™ã”ã„ï¼æ¬¡ã¯ãœã²ã€ã‚¬ãƒ³ãƒ€ãƒ ã‹ãƒžã‚¯ãƒã‚¹ã‚’(ry

css

HTML

web
ãƒªãƒ³ã‚¯
IBM Developer
IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant techno logies such as generative AI, data science, AI, and open source.
buty4649 2010/05/06
HTML

Web

HTML5
ãƒªãƒ³ã‚¯
ãƒšãƒ¼ã‚¸é€ã‚Šã®ã‚µãƒ³ãƒ—ãƒ«4ç¨®+2
ãšã€éšåˆ†é–“ãŒç©ºã„ã¦ã—ã¾ã£ãŸãƒ»ãƒ»ãƒ»ä½•ã¦è¨€ã†ç¾å®Ÿã€‚ æ°—ä»˜ã‘ã°å†¬é–“è¿‘ã§ã™ãã€‚ ä¹…ã€…ã®æ›´æ–°ãŒã€ç‰¹åˆ¥ç›®æ–°ã—ãã‚‚ãªã‚“ã¨ã‚‚ãªã„ã‚“ã§ã™ãŒã€è‡ªåˆ†ãªã‚Šã®ãƒšãƒ¼ã‚¸é€ã‚Šã‚µãƒ³ãƒ—ãƒ«ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ ãƒ›ãƒ³ãƒˆã¯æœ€åˆã®ã ã‘æœ‰ã‚Œã°äº‹è¶³ã‚Šã¦ã‚‹ã‚“ã§ã™ã‘ã©ã€ãƒœãƒªãƒ¥ãƒ¼ãƒ æ„Ÿã‚’å‡ºã™ç‚ºã«4ç¨®é¡ž+2ã«ã—ã¦ã¿ã¾ã—ãŸã€‚ ã‚µãƒ³ãƒ—ãƒ«ã‚µã‚¤ãƒˆã‚’è¦‹ã‚‹ ã‚µãƒ³ãƒ—ãƒ«ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ åœ°å‘³ã«ã‚µãƒ³ãƒ—ãƒ«ä½œã£ã¦ãŸã‚‰æ™‚é–“å–ã‚‰ã‚ŒãŸã®ã§ã€è§£èª¬ã¯è»½ã‚ã§ã™ãŒç¶šãã«ã¦ã€‚ ä»Šå›žä½œã£ã¦ãŠããŸã‹ã£ãŸã®ã¯ã€ã‚»ãƒ³ã‚¿ãƒªãƒ³ã‚°ã•ã›ãŸãƒšãƒ¼ã‚¸é€ã‚Šã£ã™ã€‚ ã¨ã¦ã‚‚ä¼¼ãŸã‚ˆã†ãªã‚¨ãƒ³ãƒˆãƒªãƒ¼ãŒæœ‰ã‚‹ã®ã§ã€ä¸‹è¨˜ã‚‚å‚è€ƒã«ã—ã¦ã¿ã‚‹ã¨ã„ã„ã‹ã¨ã€‚ ãƒšãƒ¼ã‚¸é€ã‚ŠãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã«ã¯ display:inline-block ãŒè¶…ä¾¿åˆ© | ãƒã‚·ãƒ£ãƒã‚°ã€‚ ä¸ç‰¹å®šã®æ•°ã®æ¨ªã«ä¸¦ã¶ãƒ–ãƒãƒƒã‚¯è¦ç´ ã‚’ã‚»ãƒ³ã‚¿ãƒªãƒ³ã‚°ã•ã›ã‚‹ | CSS-EBLOG å„ã‚µãƒ³ãƒ—ãƒ«å…±é€šã§ä»¥ä¸‹ã®ã‚¹ã‚¿ã‚¤ãƒ«ãŒå½“ãŸã£ã¦ã¾ã™ã€‚ #main ul, #main ul li { marg
buty4649 2009/11/10
Web

HTML
ãƒªãƒ³ã‚¯
IBMãŒWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®UIã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¨HTML/CSSã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’å…¬é–‹
æ¥å‹™ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã—ã¦é–‹ç™ºã•ã‚Œã‚‹ã®ã¯ç¾åœ¨ã®å¤§ããªãƒˆãƒ¬ãƒ³ãƒ‰ã§ã™ã€‚ãã‚Œã«ä¼´ã£ã¦HTMLã¨CSSã«ã‚ˆã£ã¦æ¥å‹™ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®è¤‡é›‘ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’æ§‹ç¯‰ã™ã‚‹å¿…è¦æ€§ãŒç”Ÿã˜ã¾ã™ã€‚ ã—ã‹ã—æ©Ÿèƒ½ãŒè±Šå¯Œãªæ¥å‹™ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’HTMLã¨CSSã§æ§‹ç¯‰ã™ã‚‹ã®ã¯ãã‚Œã»ã©ç°¡å˜ã§ã¯ãªãã€ã—ã‹ã‚‚ãã‚Œã‚’ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³å…¨ä½“ã§çµ±ä¸€ã—ã€å„ªã‚ŒãŸãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚’å®Ÿç¾ã™ã‚‹ã®ã¯ã•ã‚‰ã«æ‰‹é–“ã®ã‹ã‹ã‚‹ä½œæ¥ã§ã™ã€‚ ãã†ã—ãŸæ¥å‹™ç”¨ã®Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’æ§‹ç¯‰ã™ã‚‹ãŸã‚ã®ã‚µãƒ³ãƒ—ãƒ«ãŒè±Šå¯Œã«å«ã¾ã‚ŒãŸã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã€ŒIBM Lotus User Interface Developer Documentationã€ãŒã€IBMã‹ã‚‰å…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ ä»Šå›žå…¬é–‹ã•ã‚ŒãŸIBMã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¯ã€åŒç¤¾ã®Lotusè£½å“ç¾¤ã®ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚’çµ±ä¸€ã™ã‚‹ãŸã‚ã®ç¤¾å†…ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã€ŒOne U
buty4649 2009/11/06
HTML

Web

css
ãƒªãƒ³ã‚¯
ã€CSSã€‘ãƒšãƒ¼ã‚¸é€ã‚ŠãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã«ã¯ display:inline-block ãŒè¶…ä¾¿åˆ© | ãƒã‚·ãƒ£ãƒã‚°ã€‚
ã“ã‚“ã°ã‚“ã¯ã€ishidaã§ã™ã€‚ CSS2.1 ã§å®šç¾©ã•ã‚Œã¦ã„ã‚‹ displayãƒ—ãƒãƒ‘ãƒ†ã‚£ã®å€¤ã€inline-blockã®ä½¿ã„ã©ã“ã‚ã‚’æŽ¢ã—ã¦ã¿ãŸã¨ã“ã‚ã€ãƒšãƒ¼ã‚¸é€ã‚Šã«ã‹ãªã‚Šä½¿ãˆãã†ã§ã™ã€‚ ã¾ãšã¯ä»¥ä¸‹ã®ã‚µãƒ³ãƒ—ãƒ«ã‚’ã”è¦§ä¸‹ã•ã„ã€‚Yahoo æ¤œç´¢çµæžœã®ãƒšãƒ¼ã‚¸é€ã‚Šãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã¾ãã¦ã„ã¾ã™ã€‚ ãƒšãƒ¼ã‚¸é€ã‚Šã®ã‚µãƒ³ãƒ—ãƒ« 1 2 3 4 5 6 7 8 9 10 æ¬¡ã¸> XHTML ã®ã‚µãƒ³ãƒ—ãƒ«ã¯ä»¥ä¸‹ã§ã™ã€‚ã¨ã¦ã‚‚ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ã€‚ <ul class="pager"> <li><strong>1</strong></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#">6</a></li> <li><a href="#">
buty4649 2009/09/10
css

HTML

Web
ãƒªãƒ³ã‚¯
1