display:inline-blockãŒã‘ã£ã“ã†ä¾¿åˆ©ã€‚ã ã‘ã©â€¦å°ã•ã„ブãƒãƒƒã‚¯è¦ç´ ã¨ã‹ã‚’横並ã³ã«ã•ã›ãŸã„ã¨ãã¨ã‹ã€inline-block使ã†ã¨ä¾¿åˆ©ãªã‚“ã§ã™ã‚ˆã。幅も高ã•ã‚‚指定ã§ãã¦ã—ã¾ã†è¦ç´ ã«ã¿ã›ã‚‹ã“ã¨ãŒã§ãã‚‹inlineè¦ç´ ã«ãªã‚‹ã¨ã„ã†ã®ãŒã¨ã¦ã‚‚便利。ã‚ã–ã‚ã–blockè¦ç´ ã«ã—ã¦ã€floatã•ã›ã¦æ¨ªä¸¦ã³ã«ã•ã›ã‚‹ã€ãã—ã¦ä¸¦ã¶è¦ç´ を終ã‚らã›ãŸã‚ã¨ã¯clearã‚’ã—ã¦â€¦ãªã‚“ã¦ã“ã¨ã‚’ã—ã¦ã„ã‚‹ã¨ã€æŒ‡å®šãŒå¤šããªã£ã¦ã—ã¾ã†ã‚“ã§ã™ã‚ˆã。ã§ã™ãŒã€inline-blockを使ã†ã¨ã€ãã‚“ãªã“ã¨ã—ãªãã¦ã‚‚ç°¡å˜ã«ä¸¦ã¹ã¡ã‚ƒã†ã£ã¦ã®ã¯ã„ã„ã§ã™ã‚ˆã。 ã—ã‹ã—ã€ãã®inline-blockã¯ã€IEã‚„Firefox2ãªã©ã®ã‚ªãƒ¼ãƒ«ãƒ‰ãƒ–ラウザã ã¨ã†ã¾ã動作ã—ãªã„ã“ã¨ã®æ–¹ãŒå¤šã„。今ã§ã¯ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ã¦ã„るブラウザãŒå¤šã„ã®ã§ã™ãŒã€IEや以å‰ã®ãƒ–ラウザを気ã«ã™ã‚‹ã¨ã€ä½¿ã„ã©ã“ã‚ãŒå°‘ãªã‹ã£ãŸã‚Šã‚‚ã™ã‚‹ã€‚ inline-blockã®ã‚ªãƒ¼ãƒ«ãƒ‰ãƒ–ラウザやIEã«ã¤ã„ã¦ã®å‹•ä½œã¯ã€å‚考ã¨ã—ã¦ã„るサイトを見ã¦ã‚‚ら
CSS Transformsã«ã¤ã„ã¦ã®ãƒ¡ãƒ¢
自分用CSSスタイルガイド
iPhoneã€PC両方ã§ç¶ºéº—ã«è¦‹ã‚Œã‚‹ãƒ•ãƒ¬ã‚シブルãªã‚µã‚¤ãƒˆé›†:phpspot開発日誌
YouTube人気急上昇
FootballPantherShops.com
[CSS]一ã¤ã®è¦ç´ ã«èƒŒæ™¯ã‚„ボーダーをマルãƒãƒ—ルã«é…ç½®ã™ã‚‹å®Ÿç”¨çš„ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
CSSオンリーã§JSを使ã£ãŸé¢¨ã®ã‚ˆã使ã‚れるテクニック集１ï¼:phpspot開発日誌
[CSS]スタイルシートã®ã™ã”技ã€ã‚¹ãƒ ーズã«å›žè»¢ã™ã‚‹ã‚³ãƒ¼ãƒ©ã®ç©ºã缶
CSS３を使ã£ãŸã€å¼·ãã¦é€Ÿã„デザイン例 – creamu
ピュアCSSã§ä½œã‚‹åŠ¹æžœçš„ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆ23 – creamu
CSS Lecture: min-widthã€min-heightã€max-widthã€max-heightã‚’IE6ã§ã‚‚実装ã™ã‚‹æ–¹æ³•
{{#tags}}- {{label}}
{{/tags}}