[B! html][css] sagarayaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

sagaraya id:sagaraya

htmlã¨cssã«é–¢ã™ã‚‹sagarayaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (31)

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

å•é¡Œã‚’å•é¡Œã¨ã—ã¦èªè˜ã™ã‚‹ãŸã‚ã«ã—ãŸã“ã¨ - ãƒ¡ãƒ‰ãƒ”ã‚¢é–‹ç™ºè€…ãƒ–ãƒã‚°
ã“ã‚“ã«ã¡ã‚ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®äº•åŽŸã§ã™ã€‚ ã©ã®ä¼šç¤¾ã‚‚åŒã˜ã ã¨ã¯æ€ã„ã¾ã™ãŒã€è‡ªç¤¾ã‚µãƒ¼ãƒ“ã‚¹ã‚’ãƒ•ãƒ«ã‚¹ã‚¯ãƒ©ãƒƒãƒã—ã¦ã„ãŸæœ€åˆã®ã“ã‚ã¨ã„ã†ã®ã¯çªè²«ã§ä½œã£ã¦ã„ã‚‹éƒ¨åˆ†ãŒå°‘ãªã‹ã‚‰ãšã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ å¼Šç¤¾ã‚‚ãã†ã„ã£ãŸéƒ¨åˆ†ãŒå¤šã€…ã‚ã‚Šã€ç‰¹ã«ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¯æ‰‹ä»˜ã‹ãšãªçŠ¶æ…‹ã§ã—ãŸã€‚ ã“ã®æ··æ²Œã¨ã—ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«æ¼ ç„¶ã¨ã—ãŸä¸å®‰ã¯ã‚ã‚‹ã‚‚ã®ã®ã€ãƒ«ãƒ¼ãƒ«ãŒå…¨ããªã„ãŸã‚å…¨å“¡ãŒåŒã˜æ€ã„ã«ãªã£ã¦ãªãã€ä½•ã‚’ã‚‚ã£ã¦æ‚ªã„ã¨è¨€ãˆã‚‹ã®ã‹ã¨ã„ã£ãŸçŠ¶æ…‹ã«ãªã£ã¦ã„ã¾ã—ãŸã€‚ ãã®ãŸã‚ã€ä½•ãŒæ‚ªã„ã®ã‹ã€ã©ã†ã—ãŸã‚‰ã„ã„ã®ã‹ã¨ã„ã†æ–¹é‡ä½œã‚Šã‹ã‚‰ã¯ã˜ã‚ã¾ã—ãŸã€‚ æœ¬ç¨¿ã§ã¯ã€æ–¹é‡ã‚’ä½œã‚‹ãƒ—ãƒã‚»ã‚¹ã¨ã§ããŸæ–¹é‡ã‚’ã„ã‹ã«ã¾ã‚‚ã£ã¦ã‚‚ã‚‰ã†ã‹ã¨ã„ã†æµã‚Œã‚’è¨˜è¼‰ã—ã¾ã™ã€‚ ç¾çŠ¶ã‚’ç¢ºèªã™ã‚‹ ã‚¤ãƒ³ãƒ‡ãƒ³ãƒˆ..? styleãƒ—ãƒãƒ‘ãƒ†ã‚£ é‡è¤‡ã—ãŸid å¤§é‡ã®cssãƒ•ã‚¡ã‚¤ãƒ« ãƒãƒ¼ãƒ‰ç›®çš„ä»¥å¤–ã®scriptã‚¿ã‚°ã¨styleã‚¿ã‚° HTML4ã®ã“ã‚ã®ã‚¿ã‚° invalidãªcss etc... ã‚ã‚‹ã¹ãè«–ãªãƒ«ãƒ¼
sagaraya 2016/02/09
html

css

scss
ãƒªãƒ³ã‚¯
Atom Flight Manual
AI & MLLearn about artificial intelligence and machine learning across the GitHub ecosystem and the wider industry. Generative AILearn how to build with generative AI. GitHub CopilotChange how you work with GitHub Copilot. LLMsEverything developers need to know about LLMs. Machine learningMachine learning tips, tricks, and best practices. How AI code generation worksExplore the capabilities and be
sagaraya 2015/08/16
electron

html

css
ãƒªãƒ³ã‚¯
What are the advantages/disadvantages of using the <i> tag for icons instead of <span>?
Facebook's HTML and Twitter Bootstrap HTML (before v3) both use the <i> tag to display icons. However, from the HTML5 spec: The I element represents a span of text in an alternate voice or mood, or otherwise offset from the normal prose, such as a taxonomic designation, a technical term, an idiomatic phrase from another language, a thought, a ship name, or some other prose whose typical typographi
sagaraya 2015/02/06
html

css
ãƒªãƒ³ã‚¯
CSSã® display: inlineã€display: blockã€display: inline-block ã‚’ãƒžã‚¹ã‚¿ãƒ¼ã—ã‚ˆã†ï¼ | ãŸãã£ã±ï¼
CSS ã® display ãƒ—ãƒãƒ‘ãƒ†ã‚£ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ï¼ display: inlineãƒ»display: blockãƒ»display: inline-blockã«ã¤ã„ã¦ã®ãŠã•ã‚‰ã„ã€‚HTMLã¨CSSã²ã‚ˆã“ã¡ã‚ƒã‚“å‘ã‘ï¼ ã„ã‚ã„ã‚ä¾¿åˆ©ãª CSS ã®Â displayÂ ãƒ—ãƒãƒ‘ãƒ†ã‚£ã€‚ä»Šå›žã¯ display: inline display: block display: inline-block ã«ã¤ã„ã¦ãŠã•ã‚‰ã„ã—ã¦ã¿ã¾ã™ã€‚HTMLã²ã‚ˆã“ã¡ã‚ƒã‚“å‘ã‘ã®è¨˜äº‹ã§ã™ï¼ displayãƒ—ãƒãƒ‘ãƒ†ã‚£ã§ã€ãƒ–ãƒãƒƒã‚¯ãƒ»ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ãƒ»ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ãƒ–ãƒãƒƒã‚¯ã‚’ãŠã•ã‚‰ã„ã—ã¦ã¿ãŸ displayãƒ—ãƒãƒ‘ãƒ†ã‚£ displayã¯ã€è¦ç´ ã®ã€Œè¡¨ç¤ºå½¢å¼ã€ã‚’æŒ‡å®šã™ã‚‹ãƒ—ãƒãƒ‘ãƒ†ã‚£ã€‚ ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã‚’ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³å½¢å¼ã§è¡¨ç¤ºã—ãŸã‚Šã€ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³è¦ç´ ã‚’ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«å½¢å¼ã§è¡¨ç¤ºã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ æ§‹é€ çš„ã«ã¯ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ãªã‚“ã ã‘ã©ã€ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã¨ã—ã¦è¡¨ç¤º
sagaraya 2014/12/25
html

css
ãƒªãƒ³ã‚¯
ã“ã‚“ãªHTMLã¨CSSã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦ç´„ã§æ›¸ããŸã„ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? HTML ã¨ CSS ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ«ãƒ¼ãƒ«ã‚’ä½œã‚ã† HTML ã¨ CSS ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦ç´„ã‚’ä¸å¿ƒã«ã€ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹æ€§ã®è‰¯ã„ HTML ã‚„ CSS ã‚’ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹éš›ã«é‡è¦ã ã¨æ€ã†ãƒã‚¤ãƒ³ãƒˆã‚’ã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚ èª°ã«å‘ã‘ãŸè¨˜äº‹ã‹ ã“ã®è¨˜äº‹ã«ã¯ã€HTML ã‚„ CSS ã‚’æ›¸ãäººã«å½¹ç«‹ã¡ãã†ãªå†…å®¹ãŒæ›¸ã„ã¦ã‚ã‚Šã¾ã™ã€‚ ç‰¹ã«åˆç´šè€…ã‹ã‚‰ä¸ç´šè€…ã®æ–¹ã§ã€HTML ã‚„ CSS ã‚’ä¸€é€šã‚Šå¦ç¿’ã—ãŸæ–¹ã‹ã‚‰ã®åå¿œãŒè‰¯ã„ã§ã™ã€‚ ã¾ã HTML ã‚„ CSS ã®å¦ç¿’ã‚’å§‹ã‚ã¦é–“ã‚‚ãªã„ã¨ã„ã†æ–¹ã¯ã€å…ˆã«æ¡ˆä»¶ã‚„ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’ã“ãªã—ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°çµŒé¨“ã‚’ç©ã‚€ã“ã¨ã‚’ãŠå‹§ã‚ã—ã¾ã™ã€‚çµŒé¨“ã‚’ç©
sagaraya 2014/11/27
html

css

bem
ãƒªãƒ³ã‚¯
display: inline-block; ã«ã‚ˆã‚‹éš™é–“ã‚’æ¶ˆã™CSSå®Œå…¨ç‰ˆ @ WWWPArtisan
ä½•æ°—ã«ãšã£ã¨é ã‚’æ‚©ã¾ã›ã¦ãŸå•é¡Œã€‚display: inline; ã‚„ display: inline-block; ã§è¦ç´ ã‚’ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³åŒ–ã—ãŸã¨ãã«ã€æ”¹è¡ŒãŒåŠè§’ã‚¹ãƒšãƒ¼ã‚¹ã«ãªã‚Šã€éš™é–“ã¨ãªã‚‹å•é¡Œã€‚ã‚ã‚ŒãŒã‚¹ãƒƒã‚ãƒªè§£æ¶ˆã§ãã¾ã—ãŸã€‚ HTMLã§ã“ã‚“ãªæ„Ÿã˜â†“ã«ã—ã¦ã‚‹äººã¯å¿…è¦‹ã§ã™ã€‚ <ul><li>list it em</li><li>list it em</li></ul> <ul><li> list it em </li><li> list it em </li></ul> <ul><li>list it em</li><li>list it em</li></ul> éš™é–“ã‚’æ¶ˆã™æ–¹æ³•ã¨ã—ã¦ã€å¤šãç´¹ä»‹ã•ã‚Œã¦ããŸæ–¹æ³•ãŒ3ã¤ã‚ã‚Šã¾ã™ã€‚ è¦ªè¦ç´ ã« font-size: 0; ã‚’æŒ‡å®šã—ã€åè¦ç´ ã®ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’pxãªã©ã®çµ¶å¯¾å˜ä½ã§æŒ‡å®šã™ã‚‹ï¼ˆ%ã‚„emãªã©ã®ç›¸å¯¾å˜ä½ã¯ä¸å¯ï¼‰ è¦ªè¦
sagaraya 2014/11/05
css

html
ãƒªãƒ³ã‚¯
Bootstrap 3 å¦ç¿’ãƒŽãƒ¼ãƒˆ - Qiita
å…ƒã®GitHubãƒªãƒã‚¸ãƒˆãƒªã¯æ¬¡ã®é€šã‚Šã€‚ãã®ã¾ã¾è»¢è¼‰ã—ã¾ã™ã€‚ https://github.com/higuma/bootstrap-3-note Bootstrap 3 å¦ç¿’ãƒŽãƒ¼ãƒˆ (2014-06-09 ... 18) Bootstrap 3ã®å¦ç¿’è¨˜éŒ²ãƒŽãƒ¼ãƒˆã§ã™ã€‚ ã§ãã‚‹ã ã‘æ‰‹ã‚’æŠœã‹ãšéš…ã€…ã¾ã§ãã¡ã‚“ã¨èª¿æŸ»ã—ã€ã‚³ãƒ¼ãƒ‰ã¯ã»ã¼å…¨ã¦å®Ÿéš›ã«è©¦ã—ã¦ç¢ºèªã—ã¾ã—ãŸã€‚ å…ƒã€…å…¬é–‹ã‚’æ„å›³ã—ãŸã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€ã“ã“ã¾ã§è©³ç´°ã«èª¿ã¹ãŸè³‡æ–™ã¯ãã†ã¯ãªã„ã¨æ€ã„ã¾ã™ã®ã§æœ€ä½Žé™ã®ä½“è£ã‚’æ•´ãˆã¦å…¬é–‹ã—ã¾ã™ã€‚ã¿ãªã•ã‚“ã®ãŠå½¹ã«ç«‹ã¦ã°å¹¸ã„ã§ã™ã€‚ ãªãŠHTMLéƒ¨åˆ†ã¯ã»ã¼å…¨ã¦jadeã§è¨˜è¿°ã—ã¦ã„ã¾ã™ã€‚jadeã‚’çŸ¥ã‚‰ãªã„ã¨ç†è§£ã§ããªã„ãƒŽãƒ¼ãƒˆã«ãªã£ã¦ã—ã¾ã£ã¦ã„ã¾ã™ãŒã€ç”Ÿã®HTMLã§ã¯ã¨ã¦ã‚‚ã“ã®ã‚¹ãƒ”ãƒ¼ãƒ‰ã§ã¯å¦ç¿’ã§ãã¾ã›ã‚“ã€‚ã©ã†ã‹ã”äº†æ‰¿ä¸‹ã•ã„ã€‚ ãªãŠã€Œã“ã“ã¯é•ã†ã®ã§ã¯ã€ã€Œã“ã†ã—ãŸæ–¹ãŒã‚ˆã„ã®ã§ã¯ã€ãªã©ã¨ã„ã†ç‚¹ãŒã‚ã‚Šã¾ã—ãŸã‚‰GitHubã®iss
sagaraya 2014/09/30
bootstrap

css

html

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ScaleOut | Supership
2024å¹´4æœˆ1æ—¥ã‚ˆã‚Šã€Supershipæ ªå¼ä¼šç¤¾ã¯è¦ªä¼šç¤¾ã§ã‚ã‚‹Supershipãƒ›ãƒ¼ãƒ«ãƒ‡ã‚£ãƒ³ã‚°ã‚¹æ ªå¼ä¼šç¤¾ã«å¸åŽåˆä½µã•ã‚Œã¾ã—ãŸã€‚ åˆä½µã«ä¼´ã„ã€å˜ç¶šä¼šç¤¾ã§ã‚ã‚‹Supershipãƒ›ãƒ¼ãƒ«ãƒ‡ã‚£ãƒ³ã‚°ã‚¹ã¯ç¤¾åã‚’Supershipã«å¤‰æ›´ã—ã€æ–°ãŸãªçµŒå–¶ä½“åˆ¶ã‚’ç™ºè¶³ã—ã¾ã—ãŸã€‚æœ¬ä»¶ã«é–¢ã™ã‚‹è©³ç´°ã¯ã€ãƒ—ãƒ¬ã‚¹ãƒªãƒªãƒ¼ã‚¹ã‚’ã”ç¢ºèªãã ã•ã„ã€‚ 2024å¹´4æœˆ1æ—¥ã‚ˆã‚Šã€Supershipæ ªå¼ä¼šç¤¾ã¯è¦ªä¼šç¤¾ã§ã‚ã‚‹Supershipãƒ›ãƒ¼ãƒ«ãƒ‡ã‚£ãƒ³ã‚°ã‚¹æ ªå¼ä¼šç¤¾ã«å¸åŽåˆä½µã•ã‚Œã¾ã—ãŸã€‚ åˆä½µã«ä¼´ã„ã€å˜ç¶šä¼šç¤¾ã§ã‚ã‚‹Supershipãƒ›ãƒ¼ãƒ«ãƒ‡ã‚£ãƒ³ã‚°ã‚¹ã¯ç¤¾åã‚’Supershipã«å¤‰æ›´ã—ã€æ–°ãŸãªçµŒå–¶ä½“åˆ¶ã‚’ç™ºè¶³ã—ã¾ã—ãŸã€‚ æœ¬ä»¶ã«é–¢ã™ã‚‹è©³ç´°ã¯ã€ãƒ—ãƒ¬ã‚¹ãƒªãƒªãƒ¼ã‚¹ã‚’ã”ç¢ºèªãã ã•ã„ã€‚
sagaraya 2013/06/19
jquery

javascript

nanapi
ãƒªãƒ³ã‚¯
Flat UI - Free Bootstrap Framework and Theme
Checkboxes Unchecked Checked Disabled unchecked Disabled checked Radio Buttons Radio is off Radio is on Disabled radio is off Disabled radio is on
sagaraya 2013/03/07
webãƒ‡ã‚¶ã‚¤ãƒ³

html

css
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶å‹•ä½œã®ç†è§£ï¼ãƒªãƒ•ãƒãƒ¼ã¨ãƒªãƒšã‚¤ãƒ³ãƒˆåŠã³ãã®æœ€é©åŒ– | ã‚†ã£ãã‚Šã¨â€¦
ãƒ–ãƒ©ã‚¦ã‚¶å‹•ä½œã®ç†è§£ã®2å›žç›®ã§ã™ã€‚ä»Šå›žã¯ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãƒ»ãƒ„ãƒªãƒ¼ã®æ›´æ–°ã«çµ¡ã‚€ã€ãƒªãƒ•ãƒãƒ¼ ï¼ˆè¦ç´ ã®å¤§ãã•ã€ä½ç½®ãªã©ã®å†è¨ˆç®—ï¼‰ ã¨ãƒªãƒšã‚¤ãƒ³ãƒˆ ï¼ˆæç”»ï¼‰ ã«é–¢ã™ã‚‹è§£èª¬ã‚’ã€ã€ŒHigh Performance Web Pages â€“ 20 new best practicesã€ ã®è‘—è€… Stoyan Stefanov ã®ãƒ–ãƒã‚°ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‹ã‚‰ ã€ŒRendering: repaint, reflow/relayout, restyleã€ ã‚’ç¿»è¨³ã—ã¦ãŠå±Šã‘ã—ã¾ã™ã€‚ åŒè¨˜äº‹ã¯ã€å‰åŠãŒãƒªãƒ•ãƒãƒ¼ã¨ãƒªãƒšã‚¤ãƒ³ãƒˆã«é–¢ã™ã‚‹è§£èª¬ã¨ã€è¡¨ç¤ºãƒ¬ã‚¹ãƒãƒ³ã‚¹ã‚’å‘ä¸Šã•ã›ã‚‹ãŸã‚ã®ã‚¹ã‚¿ã‚¤ãƒ«å¤‰æ›´ã«é–¢ã™ã‚‹ Tipsã€å¾ŒåŠã¯ dynaTrace AJAX Edition ã¨ SpeedTracer ã‚’ä½¿ã£ãŸ IE ãŠã‚ˆã³ Chrome ã®æç”»ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®è¨ˆæ¸¬ã®è§£èª¬ã§æ§‹æˆã•ã‚Œã¦ã‚‹ã€é•·ã„è¨˜äº‹ã¨ãªã£ã¦ã„ã¾ã™ã€‚ ä»Šå›žã¯ãã®å‰åŠéƒ¨åˆ†ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ¬ãƒ³ãƒ€
sagaraya 2013/01/19
javascript

css

ãƒ–ãƒ©ã‚¦ã‚¶

ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°

html
ãƒªãƒ³ã‚¯
CSSãƒ•ã‚¡ã‚¤ãƒ«ã‚’JSã‹ã‚‰éžåŒæœŸèªè¾¼ã™ã‚‹æ–¹æ³•
CSSãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã ã‘ã§å‹•çš„ãªURLã¤ã‘ã¦éžåŒæœŸèªã¿è¾¼ã¿ã—ãŸã„å ´åˆã€å˜ç´”ã«ä»¥ä¸‹ã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãã¨åŒæœŸèªã¿è¾¼ã¿ã«ãªã£ã¦èªã¿è¾¼ã¿å®Œäº†ã¾ã§ä»–ã®ãƒ•ã‚¡ã‚¤ãƒ«ã®èªã¿è¾¼ã¿ãŒãƒ–ãƒãƒƒã‚¯ã•ã‚Œã‚‹ã€‚ (function () { var href = 'style sheet url'; var link = document.createElement('link'); link.rel = 'stylesheet'; link.href = href; var head = document.getElementsByTagName('head')[0]; head.appendChild(link); })(); ã“ã‚Œã«é–¢ã—ã¦ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«åˆ¥ã®iframeã‚’ä½œæˆã—ã¦èªã¿ã“ã‚ã°éžåŒæœŸã§èªã¿è¾¼ã‚ã‚‹ã®ã§ã€ä»–ã®ãƒ•ã‚¡ã‚¤ãƒ«ã®èªã¿è¾¼ã¿ã‚’ãƒ–ãƒãƒƒã‚¯ã—ãªã„ã€‚ ï¼ˆiOS, Androidã§å‹•ä½œã‚’ç¢ºèªï¼‰ (fun
sagaraya 2012/12/02
css

javascript

html
ãƒªãƒ³ã‚¯
input fileã‚’CSSã§ã‚ãƒ¬ã‚¤ã«ã—ãŸã„
ã“ã®è¨˜äº‹ã¯12å¹´ä»¥ä¸Šå‰ã®è¨˜äº‹ã§ã™ã€‚æƒ…å ±ãŒå¤ã„å ´åˆãŒã‚ã‚Šã¾ã™ã®ã§ãŠæ°—ã‚’ä»˜ã‘ä¸‹ã•ã„ã€‚çµæ§‹ã“ã®å£ã«ã¶ã¤ã‹ã£ã¦ã‚‹äººã¯ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ textã¨ã‹submitã‚’ã‚ãƒ¬ã‚¤ã«ã—ãŸã®ã«ã€fileã®å‚ç…§ãƒœã‚¿ãƒ³ãŒâ€¦ï¼ã¨ã„ã†æ€ã„ã‚’ã—ãŸäººã¯å¤šã„ã§ã—ã‚‡ã†ã€‚ ã¨ã„ã†ã‹åƒ•ãŒã¶ã¤ã‹ã£ãŸã®ã§è¨˜äº‹ã‚’æ›¸ã„ã¦ã„ã‚‹ã‚ã‘ã§ã™ãŒã€‚ ã¨ã„ã†ã‚ã‘ã§æ—©é€Ÿèª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ ä¸€ç•ªå‚è€ƒã«ãªã£ãŸã®ã¯ã“ã¡ã‚‰ã®ã‚µã‚¤ãƒˆã€‚ CSS2/DOM â€“ Styling an input type=â€fileâ€ è‹±èªžã§ã™ã€‚ ãªã®ã§ã€å¤§äº‹ãªã¨ã“ã ã‘ç°¡å˜ã«è¦ç´„ã—ã¾ã™ã€‚ ï¼œCSSï¼ž ï¼‘ï¼Ž<input type=â€fileâ€ />ã‚’ã€Œposition:relativeã€ã§é…ç½®ã—ãŸè¦ç´ ï¼ˆdivã¨ã‹ï¼‰ã®ä¸ã«é…ç½®ã™ã‚‹ã€‚ ï¼’ï¼Žã€Œposition:relativeã€ã§é…ç½®ã—ãŸè¦ç´ ï¼ˆdivã¨ã‹ï¼‰ã®ä¸ã«åè¦ç´ ï¼ˆdivã¨ã‹ï¼‰ã‚’é…ç½®ã—ã¦ã€ãã“ã«<input />ã¨<img />ï¼ˆå®Ÿéš›è¡¨ç¤ºã•ã‚Œ
sagaraya 2012/11/26
css

Webãƒ‡ã‚¶ã‚¤ãƒ³

javascript

html
ãƒªãƒ³ã‚¯
z-indexã¨position:relativeã®é–¢ä¿‚ Â« Peacemanã®è…¹ç—›è¨˜
ä»Šæ—¥ã¯ãƒãƒžãƒƒã‚¿ã€‚ z-indexã‚’æŒ‡å®šã—ã¦ã‚‹ã®ã«æŒ‡å®šã—ãŸãƒœãƒƒã‚¯ã‚¹ãŒä¸Šã«æ¥ãªã„ã€‚ ã‚¤ãƒ©ã‚¤ãƒ©ã—ãªãŒã‚‰ã‚ãƒ¼ã§ã‚‚ãªã„ã€ã“ãƒ¼ã§ã‚‚ãªã„ã¨CSSã‚’æ›¸ãæ›ãˆã¦ã„ãŸã®ã ãŒã€ããã£ã¦ã¿ã‚‹ã¨ã€Œè¦ªè¦ç´ ã«position:relativeã‚’æŒ‡å®šã—ã¦ã„ã‚‹å ´åˆã€z-indexãŒåŠ¹ã‹ãªã„ã€ã¨ã„ã†ã“ã¨ãŒåˆ¤æ˜Žã—ãŸã€‚ ç†å±ˆãŒã‚ãƒ¼ã ã“ãƒ¼ã æ›¸ã„ã¦ã‚ã£ãŸãŒã€ãã‚“ãªã®ã¯å½“ç„¶èªã‚€æ°—ã‚‚ã›ãšã€ãŸã ãŸã ã²ãŸã™ã‚‰ã‚¤ãƒ©ã¤ã„ãŸã€‚ position:relativeãªã‚“ã¦ä½¿ã‚ãªã‘ã‚Œã°ã„ã„ã®ã ãŒã€ã©ã†ã—ã¦ã‚‚ä½¿ã‚ãªãã¦ã¯ã„ã‘ãªã„ç†ç”±ãŒã‚ã£ãŸã®ã§ã€æ›´ã«ã„ã‚ã„ã‚èª¿ã¹ãŸã‚Šæ›¸ãæ›ãˆãŸçµæžœã€ãªã‚“ã‹ã‚ˆãã‚ã‹ã‚‰ã‚“ãŒã§ããŸã€‚ ãŸã¶ã‚“ã€ä¸‹ã«ã‚‚ã£ã¦ããŸã„ãƒœãƒƒã‚¯ã‚¹ã®positionã‚’absoluteã«ã—ãŸã“ã¨ã§å®Ÿç¾ã§ããŸã®ã ã‚ã†ã€‚ ã—ã‹ã—ã€ãŠã‹ã’ã§ã„ã‚ã„ã‚ã¨æ›¸ãç›´ã•ãªã‘ã‚Œã°ã„ã‘ãªã„ç®‡æ‰€ãŒå‡ºã¦ãã¦ã—ã¾ã£ãŸãŒã€ã‚„ã‚ŠãŸã„ã“ã¨ã¯ã§ããŸã®ã§ä¸€å®‰å¿ƒã€‚ ãã‚Œã‚‚ã“ã‚Œã‚‚ã€å¤‰ãªãƒ‡ã‚¶ã‚¤ãƒ³ã§HPã‚’ä½œ
sagaraya 2011/06/24
css

html
ãƒªãƒ³ã‚¯
floatãƒœãƒƒã‚¯ã‚¹ãŒè¦ªãƒœãƒƒã‚¯ã‚¹ã‚’çªãç ´ã‚‹å•é¡Œ - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: ã“ã®è¨˜äº‹ã¯ã€3å¹´ä»¥ä¸Šå‰ã«æ›¸ã‹ã‚Œã¦ã„ã¾ã™ã€‚Webã®é€²åŒ–ã¯é€Ÿã„ï¼æƒ…å ±ã®æ£ç¢ºæ€§ã¯è‡ªå·±è²¬ä»»ã§åˆ¤æ–ã—ã¦ãã ã•ã„ã€‚ floatãƒœãƒƒã‚¯ã‚¹ãŒè¦ªãƒœãƒƒã‚¯ã‚¹ã‚’è²«é€šã—ã¦è¡¨ç¤ºã•ã‚Œã‚‹å•é¡Œã«ã¤ã„ã¦ã€‚ã„ã‚ã‚†ã‚‹clearfixã«é–¢ã™ã‚‹ã‚¢ãƒ¬ã‚³ãƒ¬ã€‚ è¦ªãƒœãƒƒã‚¯ã‚¹ã®ä¸ã«ã€Œbox_A (float:left;)ã€ã¨ã€Œbox_B (float:right;)ã€ãŒã‚ã‚‹ã¨ã™ã‚‹ã€‚Operaã‚„Firefoxç‰ã®ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã§è¦‹ã¦ã¿ã‚‹ã¨ã€ä¸èº«ï¼ˆfloatãƒœãƒƒã‚¯ã‚¹ï¼‰ã®é«˜ã•ãŒè¦ªãƒœãƒƒã‚¯ã‚¹ã«åæ˜ ã•ã‚Œã¦ã„ãªã„ã“ã¨ãŒåˆ¤ã‚‹ã€‚ã¡ãªã¿ã«ä¸Šè¨˜ã®ã‚½ãƒ¼ã‚¹ã¯ä»¥ä¸‹ã€‚ <div style="width:140px; padding: 10px; border:1px solid #666; color: #333;"> <div style="flo
sagaraya 2011/06/10
html

webãƒ‡ã‚¶ã‚¤ãƒ³

css
ãƒªãƒ³ã‚¯
ãƒ˜ãƒƒãƒ€ã¨ãƒ•ãƒƒã‚¿ã‚’å›ºå®šã—ã¦å¸¸ã«è¡¨ç¤ºÂ Â«Â (X)HTML+CSSÂ TipsÂ Â«Â XHTML+CSSÂ Webã‚µã‚¤ãƒˆåˆ¶ä½œTipsÂ Â«Â ScuderiaWeb
å°‘ã—å‰ã¾ã§ã®Webã‚µã‚¤ãƒˆåˆ¶ä½œã§ã¯ãƒ•ãƒ¬ãƒ¼ãƒ ã«ã‚ˆã£ã¦ç°¡å˜ã«å®Ÿè£…ã•ã‚Œã¦ã„ã¾ã—ãŸãŒã€Webæ¨™æº–ãŒé‡è¦–ã•ã‚Œãƒ•ãƒ¬ãƒ¼ãƒ ã®ä½¿ç”¨ãŒã”æ³•åº¦ã«ãªã£ãŸä»Šã€ç”»é¢å…¨ä½“ãŒã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹Webã‚µã‚¤ãƒˆãŒä¸€èˆ¬çš„ã«ãªã‚Šã¾ã—ãŸã€‚ã—ã‹ã—ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„éƒ¨åˆ†ãŒé•·ããªã‚‹ã¨ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ä¸Šéƒ¨ã«ã‚ã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒœã‚¿ãƒ³ã®åˆ©ç”¨ãŒä¸ä¾¿ã«ãªã‚‹ãªã©ã€ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®ä½Žä¸‹ã‚‚å¦ã‚ã¾ã›ã‚“ã€‚ å¥½ã¿ã‚„æ…£ã‚Œã‚‚ã‚ã‚‹ã¨æ€ã„ã¾ã™ãŒã€XHTML+CSSã§ãƒ•ãƒ¬ãƒ¼ãƒ ã®ã‚ˆã†ã«ãƒ˜ãƒƒãƒ€ã¨ãƒ•ãƒƒã‚¿ã‚’ç”»é¢ã®ä¸Šä¸‹ã«å›ºå®šã—ã€å¸¸ã«è¡¨ç¤ºã™ã‚‹æ–¹æ³•ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒšãƒ¼ã‚¸ã®æƒ…å ±é‡ãŒå°‘ãªã„å ´åˆã‚‚ç”»é¢æœ€ä¸‹éƒ¨ã«ãƒ•ãƒƒã‚¿ã‚’è¡¨ç¤ºã™ã‚‹æ–¹æ³•ã¯ã€ãƒ•ãƒƒã‚¿å›ºå®šã§ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ« ãƒ˜ãƒƒãƒ€ã¨ãƒ•ãƒƒã‚¿ã‚’å›ºå®šã—ã¦å¸¸ã«è¡¨ç¤ºã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«ï¼ˆåˆ¥ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã§è¡¨ç¤ºï¼‰ ã‚½ãƒ¼ã‚¹ ä¸Šè¨˜ã‚µãƒ³ãƒ—ãƒ«ã§ä½¿ç”¨ã—ã¦ã„ã‚‹ã‚½ãƒ¼ã‚¹ã§ã™ã€‚ body{ margin: 0; padding: 100px 0 50px 0; } * html body{ overfl
sagaraya 2011/05/29
html

css

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
contentâ€•ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
contentãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯ã€è¦ç´ ã®ç›´å‰ã¾ãŸã¯ç›´å¾Œã«ã€æ–‡å—åˆ—ã‚„ç”»åƒãªã©ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æŒ¿å…¥ã™ã‚‹éš›ã«ä½¿ç”¨ã—ã¾ã™ã€‚ contentãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’é©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã®ã¯ã€:beforeæ“¬ä¼¼è¦ç´ ãŠã‚ˆã³:afteræ“¬ä¼¼è¦ç´ ã®ã¿ã§ã™ã€‚ æ“¬ä¼¼è¦ç´ ï¼ˆpseudo-elementï¼‰ã¨ã¯ã€ç›´è¨³ã™ã‚Œã°ï½¢å½ã‚Šã®è¦ç´ ï½£ã¨ãªã‚Šã¾ã™ã€‚ è¦ç´ ã®ä¸€éƒ¨ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã™ã‚‹ãŸã‚ã«ã€æ“¬ä¼¼çš„ã«è¨å®šã•ã‚Œã‚‹ï½¢è¦ç´ ã®ã‚ˆã†ãªã‚‚ã®ï½£ã®ã“ã¨ã§ã™ã€‚ :beforeæ“¬ä¼¼è¦ç´ ãŠã‚ˆã³:afteræ“¬ä¼¼è¦ç´ ã¯ã€è¦ç´ ã®ç›´å‰ãŠã‚ˆã³ç›´å¾Œã«ã€æ–‡å—åˆ—ã‚„ç”»åƒãªã©ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ï¼ˆå†…å®¹ï¼‰ã‚’æŒ¿å…¥ã™ã‚‹ãŸã‚ã«æ“¬ä¼¼çš„ã«è¨å®šã•ã‚Œã¾ã™ã€‚ â– å€¤ æ–‡å—åˆ— æŒ¿å…¥ã™ã‚‹æ–‡å—åˆ—ã‚’ã€Œâ€ã€ã¾ãŸã¯ã€Œâ€™ã€ã§æ‹¬ã£ã¦æŒ‡å®šã—ã¾ã™ã€‚ URIï¼ˆURLï¼‰ã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚’æŒ‡å®š URIï¼ˆURLï¼‰ã§ç”»åƒã‚„éŸ³å£°ç‰ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’æŒ‡å®šã—ã¾ã™ã€‚ ã‚«ã‚¦ãƒ³ã‚¿ ã“ã“ã§ã„ã†ã‚«ã‚¦ãƒ³ã‚¿ã¨ã¯è¦ç´ å†…å®¹ã«è‡ªå‹•é€£ç•ªã‚’ã¤ã‘ã‚‹ã¨ã„ã†ã“ã¨ã§ã™ã€‚counter()é–¢
sagaraya 2011/05/28
css

html
ãƒªãƒ³ã‚¯
æ¨ªä¸¦ã³ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®åŸºæœ¬çš„ãªã‚‰ä½œã‚Šæ–¹: CSS Lecture
sagaraya 2011/05/28
css

html
ãƒªãƒ³ã‚¯
ãƒªã‚¹ãƒˆã‚’æ¨ªå‘ãã«é…ç½®ã—ã¦ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒãƒ¼ã‚’ä½œã‚‹(floatç·¨) - ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆTipsãµããã¨ã‚Šãƒ¼
ã€Š2016å¹´2æœˆ2æ—¥ 09:18 å…¬é–‹/æ›´æ–°ã€‹ ãƒªã‚¹ãƒˆã‚’æ¨ªå‘ãã«é…ç½®ã—ã¦ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒãƒ¼ã‚’ä½œã‚‹(floatç·¨) [ãƒªã‚¹ãƒˆ,é…ç½®] ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆå†…ã®å„ã‚³ãƒ¼ãƒŠãƒ¼ã¸ã®ãƒªãƒ³ã‚¯ã‚’ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¨ã—ã¦æ¨ªå‘ãã«é…ç½®ã—ãŸã€Œãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒãƒ¼ã€ã‚’ç°¡å˜ã«ä½œã‚‹ã«ã¯ã„ãã¤ã‹ã®æ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚æœ€ã‚‚ç°¡å˜ãªã®ã¯ã€ãŸã æ™®é€šã«ãƒªãƒ³ã‚¯(aè¦ç´ )ã‚’ä¸¦ã¹ã‚‹ã ã‘ã§ã™ã€‚æ¨™æº–ã§æ–‡å—åˆ—ã¯æ¨ªå‘ãã«ä¸¦ã³ã¾ã™ã‹ã‚‰ã€ãƒãƒ¼ã®ã‚ˆã†ã«è¦‹ãˆã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã•ãˆåŠ ãˆã‚Œã°ã€Œãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒãƒ¼ã€ã«ãªã‚Šã¾ã™ã€‚ãã†ã„ã†å˜ç´”ãªãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚‚ã‚ˆãè¦‹ã‹ã‘ã¾ã™ã€‚ ã—ã‹ã—ã€ã€Œãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€ã¨ã„ã†ã®ã¯ä¸€ç¨®ã®ã€Œãƒªã‚¹ãƒˆã€ãªã®ã§ã€ãƒªã‚¹ãƒˆã‚’æ§‹æˆã™ã‚‹HTML(ulè¦ç´ ï¼‹liè¦ç´ )ã‚’ç”¨ã„ã¦è¨˜è¿°ã™ã¹ãã ã¨ã„ã†æ„è¦‹ã‚‚ã‚ã‚Šã¾ã™ã€‚ç§ã‚‚åŸºæœ¬çš„ã«ã¯ãã®æ–¹æ³•ã§ä½œã‚‹ã‚ˆã†ã«ã—ã¦ã„ã¾ã™ã€‚ ulè¦ç´ ã¨liè¦ç´ ã¨ã§ä½œã‚‹ãƒªã‚¹ãƒˆã¯ã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã¯ã€Œç®‡æ¡æ›¸ãã€ã®è£…é£¾ã‚’ä¼´ã£ã¦ç¸¦æ–¹å‘ã«ä¸¦ã³ã¾ã™ã€‚ãã“ã§ã€ã“ã®ã€Œãƒªã‚¹ãƒˆ(ç®‡æ¡æ›¸ã)ã€ã‚’ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒãƒ¼ã®ã‚ˆã†ã«è¦‹ã›
sagaraya 2011/05/28
html

css

WEBãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
çŠ¯ã—ã¦ã¯ã„ã‘ãªã„HTMLã‚¿ã‚°ã®éŽã¡10å€‹
ã€è¿½è¨˜ã€‘ HTML5ã§ã¯ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã¨ãƒ–ãƒãƒƒã‚¯ã®è¦ç´ åˆ†é¡žãŒãªããªã‚Šã€ä»£ã‚ã‚Šã«ã€ãƒ¡ã‚¿ãƒ‡ãƒ¼ã‚¿ã€ãƒ•ãƒãƒ¼ã€ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã€ãƒ˜ãƒƒãƒ‡ã‚£ãƒ³ã‚°ã€ãƒ•ãƒ¬ãƒ¼ã‚¸ãƒ³ã‚°ã€ã‚¨ãƒ³ãƒ™ãƒƒãƒ‡ã‚£ãƒƒãƒ‰ã€ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã¨ã„ã†ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ç¨®é¡žãŒå®šç¾©ã•ã‚Œã¦ã„ã¾ã™ã€‚ 2. ç”»åƒã«ä»£æ›¿ãƒ†ã‚ã‚¹ãƒˆã®altå±žæ€§ãŒå…¥ã£ã¦ã„ãªã„ <img src="sample.gif" /> altå±žæ€§ã¯ã€Webãƒšãƒ¼ã‚¸ã«è¡¨ç¤ºã•ã‚Œã‚‹ã™ã¹ã¦ã®ç”»åƒã«å¿…é ˆã®è¦ç´ ã§ã™ã®ã§ã€å¿…ãšä½¿ç”¨ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ <img src="sample.gif" alt="ã‚µãƒ³ãƒ—ãƒ«" /> å¿…é ˆã®è¦ç´ ã§ã™ã®ã§ã€ç‰¹ã«ãƒ†ã‚ã‚¹ãƒˆã§è¡¨ç¤ºã™ã‚‹å¿…è¦ãŒãªã„å ´åˆã§ã‚‚ã€alt=""ã¨ã—ã¦ãŠãå¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ ã€è¿½è¨˜ã€‘ HTML5ã§ã¯ã€ŒImages whose contents are not known(ã©ã®ã‚ˆã†ãªå†…å®¹ã‹ã‚ã‹ã‚‰ãªã„ç”»åƒ)ã€ã«é™ã‚Šã€altå±žæ€§ã‚’çœç•¥ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚å†™çœŸå…±æœ‰ã‚µã‚¤ãƒˆã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒç”»åƒã‚’
sagaraya 2011/04/24
webãƒ‡ã‚¶ã‚¤ãƒ³

html

css

HTML5
ãƒªãƒ³ã‚¯
tableã‚’ä½¿ã‚ãšdivã§ç¸¦ä½ç½®ã‚’æŒ‡å®šÂ Â«Â (X)HTML+CSSÂ TipsÂ Â«Â XHTML+CSSÂ Webã‚µã‚¤ãƒˆåˆ¶ä½œTipsÂ Â«Â ScuderiaWeb
tableã®ã‚»ãƒ«ã§ã¯ã€vertical-alignã‚’æŒ‡å®šã™ã‚‹ã“ã¨ã§ã€ç¸¦æ–¹å‘ã®ä¸å¿ƒã‚„ä¸‹æƒãˆã§æ–‡å—åˆ—ã‚„ç”»åƒã‚’é…ç½®ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ãŒã€divã‚¿ã‚°ã®ä¸ã§ã¯é€šå¸¸vertical-alignã¯é©ç”¨ã•ã‚Œã¾ã›ã‚“ã€‚ ç”»é¢ä¸å¤®ã«æ–‡å—åˆ—ã‚’é…ç½®ã—ãŸã„å ´åˆãªã©ã€divã§vertical-alignã‚’æŒ‡å®šã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ« tableã‚¿ã‚°ã‚’ä½¿ç”¨ã›ãšã«ã€ä¸å¤®ãƒ»ä¸‹éƒ¨ã«æ–‡å—åˆ—ã‚’é…ç½®ã—ãŸã‚µãƒ³ãƒ—ãƒ«ã§ã™ã€‚ ä¸å¤®ã«é…ç½® ã‚³ãƒ¼ãƒ‰ï¼ˆä¸å¤®ã«é…ç½®ï¼‰ (X)HTML <div class="outer"> <div class="vertical_middle"> <p class="inner">ãƒ†ã‚ã‚¹ãƒˆ</p> </div> </div> CSS div.outer { display: table; /* â‘ */ height: 100px; width: 100%; /* â‘¡ */ background: #E3F
sagaraya 2011/04/19
html

css
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸