CSS ã ã‘ã§ä½œã‚‹ã‚¿ãƒ–切替ユーザインタフェース （float 使用版）1ã¤å‰ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã€:target 疑似クラスを利用ã—㟠CSS ã ã‘ã§ä½œã‚‹ã‚¿ãƒ–切替 UI を実装ã—ã¦ã¿ã‚‹ãƒ†ã‚¹ãƒˆã—ã¦ã¿ã¾ã—ãŸã€‚詳ã—ã„ã“ã¨ã¯ä¸‹è¨˜ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚’ã”覧ãã ã•ã„。 CSS ã ã‘ã§ä½œã‚‹ã‚¿ãƒ–切替ユーザインタフェース å…ˆã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ä½œã£ãŸã‚µãƒ³ãƒ—ルã¯ã€position: absolute; を使ã£ã¦ã€å„タブã®å†…容をé‡ãã¡ã‚ƒã£ãŸä¸Šã§è¡¨ç¤ºã‚’切り替ãˆã‚‹ã£ã¦ã„ã†æ–¹æ³•ã‚’使ã£ãŸã®ã§ã™ãŒä»Šå›žã¯ã€float プãƒãƒ‘ティを使ã£ãŸã‚µãƒ³ãƒ—ルを紹介ã—ã¦ã¿ã¾ã™ã€‚ 実際ã®ã‚µãƒ³ãƒ—ルã¯ä¸‹è¨˜ã«ã€‚ CSS ã ã‘ã§ä½œã‚‹ã‚¿ãƒ–切替ユーザインタフェース サンプル 最新㮠Firefoxã€Google Chromeã€Safariã€Opera ãªã©ã€:target 疑似クラスã«å¯¾å¿œã—ãŸãƒ–ラウザã§ã‚ã‚Œã°å•é¡Œãªã動作ã™ã‚‹ã¯ãšã€‚IE 㯠IE9 以é™ã®ã¿ã€‚ãã®ä»–ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãªã©ã§ã¯å‹•ä½œã«å•é¡Œãªã„ã¨æ€ã„ã¾ã™ã€‚ HTML ã¯ã»ã¼å¤‰æ›´ãªã—
仕事ã®åŠ¹çŽ‡ãƒ»PCパフォーマンス共ã«ã‚¢ãƒƒãƒ—ï¼ GoogleChromeã§é–‹ã„ãŸã‚¿ãƒ–ã‚’ã²ã¨ã¾ã¨ã‚ã«ã§ãるサービス『OneTabã€ãŒè¶…便利ï¼
シンプルã§æ±Žç”¨æ€§ã«å„ªã‚ŒãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ã‚¿ãƒ–コンテンツ -Basic Tabs
CSSã¨JavaScriptã§å®Ÿè£…ã™ã‚‹ã‚¿ãƒ–型インターフェイス37é¸ -noupe | コリス
{{#tags}}- {{label}}
{{/tags}}