ADP: floatレイアウトã§ã¤ã¾ã¥ã‹ãªã„ãŸã‚ã®Tips
CSS セレクタã«é–¢ã™ã‚‹ãŠã•ã‚‰ã„ | WWW WATCH
CSS を扱ã†ä¸Šã§ã‚»ãƒ¬ã‚¯ã‚¿ã®å˜åœ¨ã¯ã¨ã£ã¦ã‚‚é‡è¦ã§ã™ã€‚特㫠CSS3 Selectors ã§ã¯ã‹ãªã‚Šè¤‡é›‘ãªæ¡ä»¶åˆ†å²ãŒã§ãるよã†ã«ãªã£ã¦ã„ã¾ã™ã®ã§ã€ã‚¹ãƒžãƒ¼ãƒˆãª (X... CSS を扱ã†ä¸Šã§ã‚»ãƒ¬ã‚¯ã‚¿ã®å˜åœ¨ã¯ã¨ã£ã¦ã‚‚é‡è¦ã§ã™ã€‚特㫠CSS3 Selectors ã§ã¯ã‹ãªã‚Šè¤‡é›‘ãªæ¡ä»¶åˆ†å²ãŒã§ãるよã†ã«ãªã£ã¦ã„ã¾ã™ã®ã§ã€ã‚¹ãƒžãƒ¼ãƒˆãª (X)HTMLã€CSS コーディングを行ã†ä¸Šã§ã€ã‚»ãƒ¬ã‚¯ã‚¿ã‚’ç†è§£ã—ã¦ã„ã‚‹ã¨ãã†ã§ãªã„ã®ã§ã¯ç”Ÿç”£æ€§ã«å·®ãŒå‡ºã¾ã™ã€‚ CSS3 ã¯ç¾åœ¨ Working Draft ã®æ®µéšŽã§ã™ã®ã§ã€ã¾ã æ£å¼ãªå‹§å‘Šã¯ãªã•ã‚Œã¦ã„ã¾ã›ã‚“ãŒã€å¤šãã®ãƒ¢ãƒ€ãƒ³ãƒ–ラウザã«ãŠã„ã¦ãã®ã»ã¨ã‚“ã©ãŒå…ˆè¡Œå®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã“ã¨ã‹ã‚‰ã€ç¾çŠ¶ã§ã‚‚利用価値ãŒé«˜ã„ã¨ã„ãˆã¾ã™ã€‚ ã¨ã„ã†ã“ã¨ã§ã€ã“ã“ã§ã¯è‡ªåˆ†ã¸ã®ãƒ¡ãƒ¢ã®æ„味も込ã‚ã¦ã€CSS3 ã§å®šç¾©ã•ã‚Œã¦ã„ã‚‹ã‚‚ã®ã‚‚å«ã‚ãŸå„ CSS セレクタã«ã¤ã„ã¦ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã—ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ 今回ã®è§£èª¬
CSS - dtã‚’floatã™ã‚‹å ´åˆã®æ³¨æ„点 | Try | d-spica
dtã‚’floatã—，margin, padding, borderãªã©ã‚’ã‚ã¦ã‚‹å ´åˆã®æ³¨æ„点ã§ã™ã€‚ Tried at 2008-05-12 ã¾ãšï¼Œãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¯æ¬¡ã®é€šã‚Š <dl class="recent"> <dt>2008-05-12</dt> <dd>ページ5ã‚’æ›´æ–°ã—ã¾ã—ãŸã€‚テã‚ストテã‚ストテã‚スト。</dd> <dt>2008-05-10</dt> <dd>ページ4ã‚’æ›´æ–°ã—ã¾ã—ãŸã€‚テã‚ストテã‚ストテã‚スト。</dd> <dt>2008-05-07</dt> <dd>ページ3ã‚’æ›´æ–°ã—ã¾ã—ãŸã€‚テã‚ストテã‚ストテã‚ストテã‚ストテã‚ストテã‚ストテã‚ストテã‚ストテã‚ストテã‚スト。</dd> <dt>2008-05-06</dt> <dd>ページ2ã‚’æ›´æ–°ã—ã¾ã—ãŸã€‚テã‚ストテã‚ストテã‚ストテã‚ストテã‚ストテã‚ストテã‚ストテã‚ストテã‚ストテã‚スト。</dd> <dt>2008-05-04</dt>
dt,ddを横ã«ä¸¦ã¹ã‚‹ã¨ãã®æ³¨æ„（俺用メモ） - Hato-Style - Note
dt,ddを横ã«ä¸¦ã¹ã‚‹ã¨ãã®æ³¨æ„（俺用メモ） 定義リスト(dlè¦ç´ )ã§ã€CSSを用ã„ã¦dtã¨ddを横ã«ä¸¦ã¹ã¦ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã™ã‚‹ã¨ãã®è©±ã‚„ã‘ã©ã€‚ 一般的ã«ä½¿ç”¨ã•ã‚Œã¦ã„ã¦ã€æœ€ã‚‚分ã‹ã‚Šã‚„ã™ã„ãŒfloatã¨marginを使ã£ãŸä¸‹è¨˜ã®æ‰‹æ³•ã€‚ dl dt{ width: 5em; float: left; } dl dd{ margin-left: 5em; } <dl> <dt>テストã§ã™</dt> <dd>テスト　テスト　テスト　テスト　テスト　...</dd> </dl> 組ã¿ã‚‚ã‚ã‹ã‚Šã‚„ã™ãã¦è‰¯ã„ã‚“ã ã‘ã‚Œã©ã‚‚WinIEã§é ã®æ–‡å—ãŒå³ã«å¾®å¦™ã«ãšã‚ŒãŸã‚Šã—ã¦ã‚‹ã€‚レイアウトã«ã‚ˆã£ã¦ã¯ãªã‹ãªã‹æ°—ã¥ã‹ãªã‹ã£ãŸã‚Šã™ã‚‹ã®ã§è¦æ³¨ç›®ã€‚ 回é¿ç–ã¨ã—ã¦ã€ddã«text-indentプãƒãƒ‘ティを指定ã™ã‚‹ã¨ã€ç¾Žå‘³ã見ãˆã‚‹æ¨¡æ§˜ã€‚ã§ã‚‚è¦ç´ ã‚„æ–‡å—ã«ã‚ˆã‚Šã‘ã‚Šãªã®ã§æ¤œè¨¼ãŒå¿…è¦ã‹ã‚‚。WinIEã ã‘ã«é©å¿œã•ã›ã‚‹ã®
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://msugai.fc2web.com/web/tips/index.html
{{#tags}}- {{label}}
{{/tags}}