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

ghostbass id:ghostbass

cssã«é–¢ã™ã‚‹ghostbassã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (96)

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

How To Center a Div
IntroductionFor a long time, centering an element within its parent was a surprisingly tricky thing to do. As CSS has evolved, we've been granted more and more tools we can use to solve this probl em. These days, we're spoiled for choice! I decided to create this tutorial to help you understand the trade-offs between different approaches, and to give you an arsenal of strategies you can use, to han
ghostbass 2024/02/15
programming

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

web

html

css
ãƒªãƒ³ã‚¯
Bootswatch
Easy to Install Simply download a CSS file and replace the one in Bootstrap. No messing around with hex values. Customizable Changes are contained in just two SASS files, enabling further customization and ensuring forward compatibility. Tuned for 5.3.3 Themes are built for the latest version of Bootstrap. Version 4, version 3, version 2, and other releases are also available to download.
ghostbass 2018/11/14
bootstrap

css

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã€ãã‚Œã§ã‚‚CSSã¯ç ´ç¶»ã™ã‚‹ã€‘ CSSã®è¨è¨ˆæ‰‹æ³•ã¨æ›¸ãæ–¹ã‚’è€ƒãˆã‚‹ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
ghostbass 2018/04/02
ã‚¯ãƒ©ã‚¹åã¯ã„ã¤ã‚‚æ‚©ã‚€ã®ã§æŒ‡é‡ãŒæ¬²ã—ã„ã¨ã“ã‚ã€ã“ã†ã„ã†ã®ã¯ã‚ã‚ŠãŒãŸã„ã€‚/ --red ã¨ã‹--whiteã¨ã‹ã¯ä½¿ã„ãŸããªã„ã®ã ã‘ã‚Œã©

HTML

CSS

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
2020å¹´ã¾ã§ä½¿ãˆã‚‹font-familyãŠã™ã™ã‚ã‚´ã‚·ãƒƒã‚¯ä½“ - Qiita
æ–°ã—ã„è¨˜äº‹æ›¸ãã¾ã—ãŸã€‚ã€font-familyã«ã¤ã„ã¦æœ¬æ°—ã§è€ƒãˆã¦ã¿ãŸã€‘ ã€ŒChromeã§ã‚‚èªã¿ã‚„ã™ã„æ¸¸ã‚´ã‚·ãƒƒã‚¯ã‚’æŒ‡å®šã™ã‚‹æ–¹æ³• ã€ã®è¨˜äº‹ã§æ¸¸ã‚´ã‚·ãƒƒã‚¯ãŒä¸€éƒ¨ãƒ–ãƒ©ã‚¦ã‚¶ã§æŽ ã‚Œã‚‹å•é¡Œã‚’è§£æ±ºå‡ºæ¥ãŸã®ã§ã€font-familyã®ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã‚’è€ƒãˆã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ æœ¬å½“ã¯ã€Œ2016å¹´font-familyã®æ±ºå®šç‰ˆã€ã¿ãŸã„ãªã‚¿ã‚¤ãƒˆãƒ«ã«ã—ãŸã‹ã£ãŸã®ã§ã™ãŒã€åŸ·ç†æ™‚ã¯8æœˆã§ã™ã—ãã€‚2017å¹´ã‚‚åä¹—ã‚Œã¾ã›ã‚“ã€‚ 2020å¹´ã¨æ›¸ã„ãŸã®ã¯Windows7ã®ã‚µãƒãƒ¼ãƒˆãŒåˆ‡ã‚Œã‚‹ã®ãŒã“ã®å¹´ã ã‹ã‚‰ã§ã™ã€‚ ç›®çš„ã¯ã©ã®ç’°å¢ƒã§ã‚‚å‡ºæ¥ã‚‹é™ã‚Šè¿‘ã„è¦‹ãŸç›®ã‚’ç›®æŒ‡ã™ã‚‚ã®ã§ã¯ãªãã€å®Ÿè¡Œç’°å¢ƒã§æœ€ã‚‚èªã¿ã‚„ã™ã„ã‚‚ã®ã‚’ç›®æŒ‡ã™ã‚‚ã®ã§ã™ã€‚Macã‚ˆã‚Šã‚‚Windowsã«æ¯”é‡ã‚’ãŠã„ã¦ã„ã¾ã™ã€‚ -- è¿½è¨˜ -- Chrome58ã‹ã‚‰ä¸€æ™‚å¯¾å¿œã—ãªããªã£ã¦ã—ã¾ã„ã¾ã—ãŸãŒã€æ¸¸ã‚´ã‚·ãƒƒã‚¯ã‚’Windowsç‰ˆChromeã§ã‚ãƒ¬ã‚¤ã«è¡¨ç¤ºã™ã‚‹@font-faceã®è¨å®šã«ãƒ’ãƒ³
ghostbass 2016/11/02
css

chrome

windows

html5
ãƒªãƒ³ã‚¯
ãƒ¢ãƒ€ãƒ³æ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆæŒ‡å®š
CSSã®font-familyã§æ¸¸ã‚´ã‚·ãƒƒã‚¯ã‚’æŒ‡å®šã™ã‚‹ã¨ã€Windowsã§ç´°ããªã£ã¦ã—ã¾ã†å•é¡Œã®åŽŸå› ã¨è§£æ±ºæ–¹æ³•ã‚’ä¸å¿ƒã¨ã—ã¦ã€æœ€è¿‘ã®æ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆäº‹æƒ…ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ CSS Nite LP47 Coder's High 2016ã«ã¦ãŠè©±ã—ãŸå†…å®¹ã§ã™ã€‚ æ˜”ã‹ã‚‰ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’æ‚©ã¾ã›ã¦â€¦
ghostbass 2016/10/18
ã¡ã‚‡ã†ã©ä½¿ã†äºˆå®šã ã£ãŸã®ã§

HTML

programming

css
ãƒªãƒ³ã‚¯
ä¸‡å…¨å½±é™¢,åœ¨çº¿è§‚çœ‹avç‰‡,æžå“å°‘å¦‡è¢«çŒ›å¾—ç™½æµ†ç›´æµè‰èŽ“,è‹äº•ç©ºå…¨é›†
ä¸‡å…¨å½±é™¢,åœ¨çº¿è§‚çœ‹avç‰‡,æžå“å°‘å¦‡è¢«çŒ›å¾—ç™½æµ†ç›´æµè‰èŽ“,è‹äº•ç©ºå…¨é›†,æ³¢å¤šé‡Žå‰è¡£å…è´¹ä¸€åŒºè§†é¢‘,777å¥‡ç±³,å…è´¹è§‚çœ‹æ‹æ‹10000æ±¡,äººå¦»å°‘å¦‡ä¸å¡æ— ç è§†é¢‘,æ—¥æœ¬å…¬å¦‡åœ¨çº¿è§‚çœ‹ä¸æ–‡ç‰ˆ,ä¹…ä¹…äººäºº97è¶…ç¢°é¦™è•‰,äºšæ´²ç²¾å“æ— æ’æ”¾å™¨åœ¨çº¿æ’æ”¾
ghostbass 2016/09/26
CSS

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–
ãƒªãƒ³ã‚¯
CSSã®appearanceã‚’ä½¿ã£ãŸã‚»ãƒ¬ã‚¯ãƒˆãƒœãƒƒã‚¯ã‚¹ã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚º | design Edge
ã“ã‚Œã‚’é©ç”¨ã™ã‚‹ã¨ã€ä»¥ä¸‹ã®ã‚ˆã†ãªå¤–è¦³ã«ãªã‚Šã¾ã™ã€‚å…ƒã®ã‚¹ã‚¿ã‚¤ãƒ«ãŒãªããªã‚Šã€å³ç«¯ã®çŸ¢å°ã‚‚æ¶ˆãˆã¦ãªããªã‚Šã¾ã™ã€‚ä»Šã®ã¨ã“ã‚ã€Chromeã‚„Firefoxã§ã‚‚appearanceã¯ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ï¼ˆ-webkit-ã‚„-moz-ãªã©ï¼‰ãŒå¿…è¦ã§ã™ã€‚ ï¼ˆã‚ãƒ£ãƒ—ãƒãƒ£ã¯ Macç‰ˆChromeï¼‰ ãªãŠã€è‡ªå‹•çš„ã«æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’ä½¿ã†ã“ã¨ã«ãªã‚‹ã®ã§ã‚ã¾ã‚Šæ°—ã«ã™ã‚‹ã“ã¨ã¯ãªã„ã¨æ€ã„ã¾ã™ãŒã€Firefox30ã€œ34ã§ã¯ã€Œ-moz-appearance: none;ã€ãŒæ©Ÿèƒ½ã—ãªã„ã¨ã„ã†ãƒã‚°ãŒã‚ã£ãŸã‚ˆã†ã§ã™ã€‚ è©³ã—ãã¯ã€GitHubã€ŒHow to hide <select> dropdownâ€™s arrow in Firefox when using â€œ-moz-appearance: none;â€.ã€ã§æ›¸ã‹ã‚Œã¦ã„ã¾ã™ã€‚ã“ã®ä¸å…·åˆã¯ãƒãƒ¼ã‚¸ãƒ§ãƒ³35ã§ä¿®æ£ã•ã‚ŒãŸã¨ã„ã†ã“ã¨ã§ã€35ã€36ã§ç¢ºèªã—ãŸã¨ã“ã‚å•é¡Œã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚
ghostbass 2016/09/21
selectã®çŸ¢å°ã‚’ä¿®æ£ã™ã‚‹

html

css
ãƒªãƒ³ã‚¯
æ§‹é€ çš„ãª CSS ã®ãŸã‚ã®å‘½åè¦å‰‡ã¨ãƒ«ãƒ¼ãƒ«ï¼ˆCSS Architecture Advent Calendar 2014ï¼šå‰ç·¨ï¼‰ - #tech
ã“ã‚Œã¯ CSS Architecture Advent Calendar 2014 ã®20æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ æ˜¨æ—¥ã¯ GeckoTang ã•ã‚“ã§ã—ãŸã€‚ CSS ã®ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ãŒã©ã‚Œã ã‘é›£ã—ã„ã‹ã€ å¤‰æ›´ã‚’åŠ ãˆã‚‹äº‹ãŒã©ã‚Œã ã‘å¤§å¤‰ã‹ã¨ã„ã†å•é¡Œã«ã¶ã¤ã‹ã£ãŸã®ã¯ã€ è‡ªåˆ†ã§ä½œã£ã¦ã„ã‚‹ WEB ã‚µãƒ¼ãƒ“ã‚¹ã®æ©Ÿèƒ½æ‹¡å¼µã‚’ã—ã¦ã„ã‚‹æ™‚ã ã£ãŸã€‚ CSS ä¸Šã«ã€ã»ã¨ã‚“ã©åŒã˜ã ãŒã€å¾®å¦™ã«å€¤ã®ç•°ãªã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ãŒæº¢ã‚Œã‹ãˆã‚Šã€ æ—¥ã€…ã€å¢—ãˆç¶šã‘ã¦ã„ãã‚¹ã‚¿ã‚¤ãƒ«ã®å®šç¾©ã«ã€æ¯æ¢ã‚ã‚’ã‹ã‘ã‚‹ã“ã¨ãŒã§ããªã‹ã£ãŸã€‚ ç§ã¯ã€ã‚‚ã†ãã‚Œã‚’ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã™ã‚‹ã“ã¨ãŒã§ããªããªã£ã¦ã„ãŸã€‚ çµå±€ã€ãã®ã¨ãã® HTML ã¨ CSS ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³æ›´æ–°ã®ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§ã€ã™ã¹ã¦æ¨ã¦ã‚‹ã“ã¨ã«ãªã£ãŸã€‚ CSS ã¯é›£ã—ã„ã€‚ CSS ã¯ã€è¨˜è¿°ã‚’å†—é•·ã«ã—ãªã„ã‚ˆã†ã«ã™ã‚‹ãŸã‚ã®è¨€èªžæ©Ÿèƒ½ã€ ã‚¹ã‚¿ã‚¤ãƒ«ã®å½±éŸ¿ç¯„å›²ã‚’ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã™ã‚‹ãŸã‚ã®è¨€èªžæ©Ÿèƒ½ãªã©ãŒä¸è¶³ã—ã¦ã„ã‚‹ç‚ºã€ ãã“ã«ä¸€å®šã®ãƒ«ãƒ¼ãƒ«ã€æ€
ghostbass 2016/09/06
ç–‘å•: ui- ã¯jquery-uiã‚’ä½¿ã†å ´åˆã«è¡çªã—ãã†ãªã‚“ã ãŒã©ã†ã™ã‚Œã°

programming

HTML

css
ãƒªãƒ³ã‚¯
CSSã§iOSã®ãƒãƒƒã‚¸é¢¨ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã¤ãã‚‹ - ã¿ã‹ã¥ããƒ–ãƒã‚° ãã®3
chibadge (ãƒãƒãƒƒã‚¸) - åƒè‘‰ãƒãƒƒãƒ†ãƒžãƒªãƒ¼ãƒ³ã‚ºã®ã‚¹ã‚³ã‚¢ãŒãƒãƒƒã‚¸ã§ç¢ºèªã§ãã‚‹ã‚¢ãƒ—ãƒª ã®ã¨ãã«ã¤ãã£ãŸCSSã‚’æµç”¨ã—ã¦ãƒãƒƒã‚¸é¢¨ã®CSSã‚’ã¤ãã£ã¦ã¿ã¾ã—ãŸã€‚ ã‚¢ã‚¤ã‚³ãƒ³ã®å¤§ãã•ã¯iOS7ã€ãƒãƒƒã‚¸ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯iOS6ã‚’è¦‹æœ¬ã«ã—ã¦ã„ã¾ã™ã€‚ See the Pen hello world. by kimmy (@kimmy) on CodePen. HTML <div class="wrapper"> <div class="icon"> <p class="badge"> <span class="inner">H</span> </p> </div> <div class="icon"> <p class="badge"> <span class="inner">E</span> </p> </div> <div class="icon"> <p class="badge"> <span
ghostbass 2016/09/05
ãƒãƒƒã‚¸

html

css
ãƒªãƒ³ã‚¯
CSSã§è¨ˆç®—å¼ã‚’å¯èƒ½ã«ã™ã‚‹calc()ãƒ•ã‚¡ãƒ³ã‚¯ã‚·ãƒ§ãƒ³
Updated 2014.03.23 / Published 2013.10.28 CSS3ã«calc()ã¨ã„ã†ãƒ•ã‚¡ãƒ³ã‚¯ã‚·ãƒ§ãƒ³ãŒã‚ã‚‹ã®ã‚’ã”å˜çŸ¥ã§ã™ã‹ï¼ŸCSSã«ãŠã„ã¦è¨ˆç®—å¼ã‚’å¯èƒ½ã«ã—ã¦ãã‚Œã‚‹ä¾¿åˆ©ãªcalc()ãƒ•ã‚¡ãƒ³ã‚¯ã‚·ãƒ§ãƒ³ã®ã‚µãƒãƒ¼ãƒˆçŠ¶æ³ã‚„ä½¿ã„æ–¹ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ ã€Œæ¨ªå¹…ã«ãƒ‘ãƒ¼ã‚»ãƒ³ãƒ†ãƒ¼ã‚¸å€¤ã‚’ç”¨ã„ã¤ã¤ã€ãã®æ¨ªå¹…ã‹ã‚‰æŒ‡å®šãƒ”ã‚¯ã‚»ãƒ«(px)åˆ†ã ã‘å¼•ã‘ãŸã‚‰...ã€ã“ã‚“ãªã“ã¨ã‚’æ€ã‚ã‚ŒãŸã“ã¨ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ãã‚Œã‚’CSSæ‹¡å¼µãƒ¡ã‚¿è¨€èªžã‚’ä½¿ã†ã‚ã‘ã§ã‚‚ãªãã€CSSå˜ç‹¬ã§å®Ÿç¾ã§ãã¦ã—ã¾ã†ã®ãŒcalc()ãƒ•ã‚¡ãƒ³ã‚¯ã‚·ãƒ§ãƒ³ã§ã™ã€‚ å‚è€ƒï¼šMathematical Expressions: 'calc()' calc()ãƒ•ã‚¡ãƒ³ã‚¯ã‚·ãƒ§ãƒ³ã®å®Ÿè£…çŠ¶æ³ IEIE9ã‚ˆã‚Šã‚µãƒãƒ¼ãƒˆ Chrome Chrome19ã‚ˆã‚Š25ã¾ã§-webkit-ã®ãƒ™ãƒ³ãƒ€ãƒ¼è˜åˆ¥åä»˜ãã§å…ˆæ”»å®Ÿè£… Chrome26ã‚ˆã‚Šã‚µãƒãƒ¼ãƒˆ FirefoxFirefox4ã‚ˆã‚Š15
ghostbass 2015/10/14
ãªã‚‹ã»ã©ã€ã“ã‚ŒãŒã‚ã‚Œã°width 100%ãªãƒ–ãƒãƒƒã‚¯ã«ãƒœãƒ¼ãƒ€ãƒ¼ã¤ã‘ã‚‹ã¨ã‹æ¥½ã«ãªã‚‹

web

html

css
ãƒªãƒ³ã‚¯
ç†è§£ã—ã¦ãŠããŸã„ã€CSSã«ã‚ˆã‚‹ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ä»•çµ„ã¿ï¼ˆinline-blockç·¨ï¼‰Inline Layoutâ”€Frontrend Conference
ç†è§£ã—ã¦ãŠããŸã„ã€CSSã«ã‚ˆã‚‹ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ä»•çµ„ã¿ï¼ˆinline-blockç·¨ï¼‰Inline Layoutâ”€Frontrend Conference é«˜æ´¥æˆ¸å£®ï¼ˆæ ªå¼ä¼šç¤¾ãƒ”ã‚¯ã‚»ãƒ«ã‚°ãƒªãƒƒãƒ‰ï¼‰ ã“ã®è¨˜äº‹ã¯ã€Frontrend Conferenceã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã€ŒInline layoutã€ã§ãŠè©±ã•ã›ã¦ã„ãŸã ã„ãŸå†…å®¹ã‚’åŸºã«ã€é€£è¼‰è¨˜äº‹ï¼ˆå…¨4å›žï¼‰ã¨ã—ã¦æ›¸ãèµ·ã“ã—ãŸã‚‚ã®ã§ã™ã€‚ä»Šå›žã¯ç¬¬4å›žç›®ã€æœ€çµ‚å›žã§ã™ã€‚ èƒŒæ™¯ç”»åƒã§ãƒªã‚¹ãƒˆã®ãƒ“ãƒ¥ãƒ¬ãƒƒãƒˆã‚’é…ç½®ã—ãŸå ´åˆã®å•é¡Œ ä»Šå›žã¯ã€å‰å›žã¾ã§ã®å†…å®¹ã‚’è¸ã¾ãˆã€ä¸»ã«ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ãƒ–ãƒãƒƒã‚¯ã«ã¤ã„ã¦è¦‹ã¦ã„ãã¾ã™ã€‚ã¾ãšã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ãªãƒªã‚¹ãƒˆã‚’ã€ŒHTMLã¨CSSã§ä½œã‚ŠãŸã„ã€ã¨æ€ã„ã¾ã™ã€‚ã“ã®æ™‚ã€ãƒªã‚¹ãƒˆã®ãƒ“ãƒ¥ãƒ¬ãƒƒãƒˆã¯ã‚ªãƒªã‚¸ãƒŠãƒ«ã®ç”»åƒã«ã—ãŸã„ã§ã™ã€‚ ã“ã‚“ãªæ™‚ã€èƒŒæ™¯ç”»åƒã‚’åˆ©ç”¨ã—ã€ä»¥ä¸‹ã®ã‚ˆã†ãªæ–¹æ³•ã§ã“ã®è¦‹æ „ãˆã‚’å†ç¾ã™ã‚‹ã¨ã„ã†æ–¹ã¯å¤šã„ã§ã—ã‚‡ã†ã€‚ç†è€…ã‚‚æ˜”ã‹ã‚‰ãšã£ã¨ã€ã“ã®æ–¹æ³•ã§å®Ÿè£…ã—ã¦ãã¾ã—ãŸã€‚
ghostbass 2015/04/06
HTML

css
ãƒªãƒ³ã‚¯
letter-spacingã‚’éš ã—å‘³ç¨‹åº¦ã«
ã“ã®ãƒ–ãƒã‚°ã¯åŸºæœ¬font-sizeã‚’100ï¼…ã«ã—ã¦ã„ã¾ã™ã€‚ã‚‚ã¡ã‚ã‚“æ–‡ç« ãŒèªã¿ã‚„ã™ã„ã‚ˆã†ã«ã¨ã„ã†é…æ…®ã‹ã‚‰ãªã‚“ã§ã™ã‘ã©ã€æ–‡å—ãŒå¤§ãã„ã¨è©°ã‚è¾¼ã‚“ã å°è±¡ã«ãªã£ã¦é•·æ–‡ã®å ´åˆã‹ãˆã£ã¦èªã¿ã«ããæ„Ÿã˜ã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ ã“ã‚Œã‚’è§£æ¶ˆã™ã‚‹ã«ã¯line-heightï¼ˆè¡Œé–“ï¼‰ã‚’åºƒã‚ã«ã¨ã‚‹ï¼ˆ130%ï½ž150%ãã‚‰ã„ï¼‰ã¨åŒæ™‚ã«letter-spacing(å—é–“ï¼‰ã‚’ã»ã‚“ã®å°‘ã—åºƒã’ã¦ã‚„ã‚‹ã¨è‰¯ã„ã¿ãŸã„ã§ã™ã€‚ ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã¯letter-spacing:0;ã§ã™ã€‚ ã“ã®æ–‡ç« ã¯letter-spacig:0em;ã«è¨å®šã•ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã®æ–‡ç« ã¯letter-spacig:0.05em;ã«è¨å®šã•ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã®æ–‡ç« ã¯letter-spacig:0.1em;ã«è¨å®šã•ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã®æ–‡ç« ã¯letter-spacig:0.5em;ã«è¨å®šã•ã‚Œã¦ã„ã¾ã™ã€‚ 0.5emã«è¨å®šã™ã‚‹ã¨æ˜Žã‚‰ã‹ã«åºƒã™ãŽã¾ã™ãã€‚0.1ã¾ãŸã¯0.05emãã‚‰ã„ã§å¾®å¦™
ghostbass 2013/08/29
å‚è€ƒã«ã™ã‚‹/ ã¨ã“ã‚ã§Amazonã‚ãŸã‚Šã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã§Fatalå‡ºã¦ã‚‹ã‚ˆã€‚

web

css
ãƒªãƒ³ã‚¯
CSSï¼š marginã®æ£ã—ã„ç†è§£ - kojika17
toggle()ã‚„å¤‰æ•°ã€calcã€:matchãªã©ã€ä»Šã¾ã§ã«ãªã„CSSãƒ—ãƒãƒ‘ãƒ†ã‚£ã€ã‚»ãƒ¬ã‚¯ã‚¿ãŒææ¡ˆãƒ»å®Ÿè£…ã•ã‚Œã¦ã€CSS3, CSS4ã‚‚æ¥½ã—ããªã£ã¦ãã¦ã„ã¾ã™ã€‚ border-radiusã‚„ã€box-shadowãªã©ã‚‚ã€å¤ã„Androidãƒ–ãƒ©ã‚¦ã‚¶ä»¥å¤–ãªã‚‰ã€prefixãªã—ã§ä½¿ãˆã‚‹çŠ¶æ³ã‚‚å¢—ãˆã¦ãã¾ã—ãŸã€‚ æœ€æ–°æŠ€è¡“ã¯ã€ã“ã‚Œã‹ã‚‰å¿…è¦ã«ãªã£ã¦ãã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€åŸºæœ¬ã‚‚å¤§åˆ‡ã§ã™ã€‚ float ã‚„ position ãªã©ã€CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’æ‚©ã¾ã›ã‚‹ã‚¿ãƒã¯ã„ãã¤ã‚‚ã‚ã‚Šã¾ã™ãŒã€ä»Šå›žã¯ãã®ä¸ã§ã‚‚ç§ãŒCSSã§ä¸€ç•ªé›£ã—ã„ã¨æ€ã† margin ã«ã¤ã„ã¦æ›¸ãã¾ã™ã€‚ ã€Œmarginã¯ãƒã‚°ãŒå¤šã„ã€ã¨ã„ã†å£°ã‚’ãŸã¾ã«èžãã¾ã™ã€‚ ã—ã‹ã—è©±ã‚’èžã„ã¦ã¿ã‚‹ã¨ã€æ£å¸¸ãªå‹•ä½œã‚’ãƒã‚°ã¨é–“é•ã£ã¦èªè˜ã—ã¦ã„ã‚‹ã‚±ãƒ¼ã‚¹ã‚‚ã‚ã‚Šã¾ã™ã€‚ marginã‚’æ£ã—ãç†è§£ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã€åŠ¹çŽ‡çš„ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’æ§‹ç¯‰ã§ãã¾ã™ã®ã§ã€åŸºæœ¬çš„ãªå†…å®¹ã§ã™ãŒã€èªã‚“ã§é ‚ã‘ã‚Œã°å¹¸
ghostbass 2013/07/26
webãƒ‡ã‚¶ã‚¤ãƒ³

css
ãƒªãƒ³ã‚¯
CSS+HTMLã®ã¿ã§å®Ÿè£…å‡ºæ¥ã‚‹ã€ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã®Webãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›† - ã‹ã¡ã³ã¨.net
cssã¨HTMLã‚¿ã‚°ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ— ã®ã¿ã§å®Ÿè£…å‡ºæ¥ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›† ã§ã™ã€‚ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã®ã¿ ã‚’css-playã‹ã‚‰æŽ¢ã—ãŸã®ã§ã€ ã¤ã„ã§ã«ã”ç´¹ä»‹ã—ã¾ã™ã€‚ jsãŒä½¿ãˆãªã„ç’°å¢ƒã§ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹æ©Ÿä¼šãŒã‚ã£ãŸã®ã§ãƒ¡ãƒ¢ãŒã¦ã‚‰ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€‚css-playã‚’ä¸å¿ƒã«ã€ã‚ã¨ã¯ã‚°ã‚°ã£ãŸã‚ŠSBMã§æŽ¢ã—ãŸã‚Šã€‚ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¯ãƒªãƒ³ã‚¯å…ˆã‚’ã”ç¢ºèªä¸‹ã•ã„ã€‚css-playã¯ã‚½ãƒ¼ã‚¹ã‚’ã€‚ ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã§ã™ã€‚ãƒžãƒ«ãƒãƒ¬ãƒ™ãƒ«ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚‚å¯èƒ½ã€‚ demo ç¸¦ä¸¦ã³ã®ãƒ•ãƒ©ã‚¤ã‚¢ã‚¦ãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ æ¨ªã«å‡ºã‚‹ãƒ•ãƒ©ã‚¤ã‚¢ã‚¦ãƒˆã‚¿ã‚¤ãƒ—ã€‚ç”»åƒã‚’ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚ demo ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã®ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ webkitç³»ã§ã‚‚mozã§ã‚‚IEã§ã‚‚cssã®ã¿ã§ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã€‚ Cross-Browser CSS Gradient ãƒãƒƒã‚¯ã€ãƒ†ãƒ¼ãƒ–ãƒ«ã‚‚ä½¿ç”¨ã—ãªã„ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡
ghostbass 2010/06/16
ã™ã”ã„ãª

HTML

CSS

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
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
ghostbass 2010/06/11
css

html

programming
ãƒªãƒ³ã‚¯
CSS3ã§ã‚¢ãƒ³ãƒ‘ãƒ³ãƒžãƒ³
ã‚¢ãƒ³ãƒ‘ãƒ³ãƒžãƒ³æ–°ã—ã„é¡”ã‚ˆï¼ï¼ï¼ Safariã ã¨hoverã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ãœã„ã€‚IEã¯é£Ÿãƒ‘ãƒ³ãƒžãƒ³ã«ãªã‚Šã¾ã™ã€‚
ghostbass 2010/05/31
chromeã§ã‚‚å‹•ã„ãŸã€‚ã¨ã“ã‚ã©ã“ã‚ã‚´ãƒŸãŒå‡ºã‚‹ã‘ã©ã€‚

css

HTML

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

webé–‹ç™º
ãƒªãƒ³ã‚¯
é€éŽPNGã‚„è§’ä¸¸ãªã©ã‚’IE6ã‚„7ã§ã‚‚å®Ÿè£…å‡ºæ¥ã‚‹JavaScriptã®ãƒ¡ãƒ¢ - ã‹ã¡ã³ã¨.net
IE6ã®PNGé€éŽã‚„6ã€7ã§ã® è§’ä¸¸ã€ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦ã‚’å®Ÿè£… ã™ã‚‹jsãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ã¾ã¨ã‚ã§ã™ã€‚ åŒã˜ç”¨é€”ã§ã‚‚ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ã‚ˆã£ ã¦è‰¯ã—æ‚ªã—ã ã¨æ€ã„ã¾ã™ã®ã§ã€ å‚™å¿˜éŒ²çš„ã«ãƒ¡ãƒ¢ã€‚ ã‚‚ã†IEã¯ã„ã„ã‚ˆã¨ã‚‚æ€ã„ã¾ã™ãŒã€ç¾å®Ÿãã†ã‚‚è¡Œã‹ãªã„ã®ã¯ã‚‚ã©ã‹ã—ã„ã§ã™ãã€‚ä¸‡èƒ½ã§ã¯ç„¡ã„ã§ã™ã‘ã©ã€ä½œæ¥å·¥æ•°ã‚’æ¸›ã‚‰ã›ã‚‹ãªã‚‰jsã«é ¼ã£ã¦ã‚‚ã„ã„ã¨æ€ã„ã¾ã™ã€‚ãã†ã„ã†è¨³ã§ã€é€éŽã®å•é¡Œã‚„è§’ä¸¸ã€ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦ã‚’å®Ÿè£…ã—ã¦ãã‚Œã‚‹jsã®ãƒ¡ãƒ¢ã€‚ IE7.js IE6ä»¥ä¸‹ã§ã‚‚IE7ã¨åŒã˜ã‚ˆã†ãªXHTML / CSSã®è§£é‡ˆã‚’ã—ã¦ãã‚Œã¾ã™ã€‚è¦DOCTYPE å®£è¨€ã€‚ IE6ä»¥ä¸‹ã‚’Webæ¨™æº–ã«æº–æ‹ ã•ã›ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŽIE7.jsã€ DD_belatedPNG.js IE6ã§ã‚‚é€éŽPNGã‚’å®Ÿè£…ã§ãã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚classåç‰ã‚’æŒ‡å®šã—ã¾ã™ã€‚ãƒªãƒ”ãƒ¼ãƒˆã«ã‚‚å¯¾å¿œã€‚ IE6ç”¨é€éŽpngå¯¾å¿œç–ã€DD_belatedPNGã®ä½¿ç”¨æ³•ã¨æ³¨æ„ç‚¹ åˆã‚ã›ã¦èªã¿ãŸã„ï¼šDD_be
ghostbass 2010/05/26
ã‚‚ã†ã„ã„ã‚ˆä¼‘ã¾ã›ã¦ã‚ã’ã‚ã‚ˆï¼œIE6

CSS

HTML

javascript
ãƒªãƒ³ã‚¯
display:inline-blockãŒã‘ã£ã“ã†ä¾¿åˆ©ã€‚ã ã‘ã©â€¦
å°ã•ã„ãƒ–ãƒãƒƒã‚¯è¦ç´ ã¨ã‹ã‚’æ¨ªä¸¦ã³ã«ã•ã›ãŸã„ã¨ãã¨ã‹ã€inline-blockä½¿ã†ã¨ä¾¿åˆ©ãªã‚“ã§ã™ã‚ˆãã€‚å¹…ã‚‚é«˜ã•ã‚‚æŒ‡å®šã§ãã¦ã—ã¾ã†è¦ç´ ã«ã¿ã›ã‚‹ã“ã¨ãŒã§ãã‚‹inlineè¦ç´ ã«ãªã‚‹ã¨ã„ã†ã®ãŒã¨ã¦ã‚‚ä¾¿åˆ©ã€‚ã‚ã–ã‚ã–blockè¦ç´ ã«ã—ã¦ã€floatã•ã›ã¦æ¨ªä¸¦ã³ã«ã•ã›ã‚‹ã€ãã—ã¦ä¸¦ã¶è¦ç´ ã‚’çµ‚ã‚ã‚‰ã›ãŸã‚ã¨ã¯clearã‚’ã—ã¦â€¦ãªã‚“ã¦ã“ã¨ã‚’ã—ã¦ã„ã‚‹ã¨ã€æŒ‡å®šãŒå¤šããªã£ã¦ã—ã¾ã†ã‚“ã§ã™ã‚ˆãã€‚ã§ã™ãŒã€inline-blockã‚’ä½¿ã†ã¨ã€ãã‚“ãªã“ã¨ã—ãªãã¦ã‚‚ç°¡å˜ã«ä¸¦ã¹ã¡ã‚ƒã†ã£ã¦ã®ã¯ã„ã„ã§ã™ã‚ˆãã€‚ ã—ã‹ã—ã€ãã®inline-blockã¯ã€IEã‚„Firefox2ãªã©ã®ã‚ªãƒ¼ãƒ«ãƒ‰ãƒ–ãƒ©ã‚¦ã‚¶ã ã¨ã†ã¾ãå‹•ä½œã—ãªã„ã“ã¨ã®æ–¹ãŒå¤šã„ã€‚ä»Šã§ã¯ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ãŒå¤šã„ã®ã§ã™ãŒã€IEã‚„ä»¥å‰ã®ãƒ–ãƒ©ã‚¦ã‚¶ã‚’æ°—ã«ã™ã‚‹ã¨ã€ä½¿ã„ã©ã“ã‚ãŒå°‘ãªã‹ã£ãŸã‚Šã‚‚ã™ã‚‹ã€‚ inline-blockã®ã‚ªãƒ¼ãƒ«ãƒ‰ãƒ–ãƒ©ã‚¦ã‚¶ã‚„IEã«ã¤ã„ã¦ã®å‹•ä½œã¯ã€å‚è€ƒã¨ã—ã¦ã„ã‚‹ã‚µã‚¤ãƒˆã‚’è¦‹ã¦ã‚‚ã‚‰
ghostbass 2010/05/13
ãã£ãã“ã‚Œã§åŠæ—¥ã¤ã¶ã‚ŒãŸï¼(</li>ã¨<li>ã®ã™ãã¾)

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

ã“ã‚Œã¯ã™ã”ã„

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

css
ãƒªãƒ³ã‚¯
ç„¡é§„ãªdivè¦ç´ ã‚„classã ã‚‰ã‘ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‹ã‚‰å’æ¥ã™ã‚‹æ–¹æ³•
ã‚°ãƒªãƒƒãƒ‰ãƒ™ãƒ¼ã‚¹ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ä½œæˆã™ã‚‹ã¨ã€ã¤ã„ã¤ã„divè¦ç´ ã‚’å¤šç”¨ã—ã¦ã—ã¾ã„ãŒã¡ã§ã™ãŒã€æ„å‘³ã®ã‚ã‚‹ãƒ‡ãƒ¼ã‚¿ã«ã¯ãã‚Œã«é©ã—ãŸè¦ç´ ã‚’ä½¿ç”¨ã—ã€ç„¡é§„ãªdivè¦ç´ ã‚„classã ã‚‰ã‘ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‹ã‚‰å’æ¥ã™ã‚‹æ–¹æ³•ã‚’Webdesigner Depotã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Fight Div-itis and Class-itis With the 960 Grid System ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ ã¯ã˜ã‚ã« CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ï¼š960.gsã®å ´åˆ classã®ä¹±ç”¨ã‚’é¿ã‘ã‚‹ ãƒªã‚¹ãƒˆè¦ç´ ã®ä½¿ç”¨ ç”»åƒã¨ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ã®ä½¿ç”¨ è¤‡æ•°ã®è¦‹å‡ºã—ã¨ãƒ‘ãƒ©ã‚°ãƒ©ãƒ•ã®ä½¿ç”¨ åè¦ç´ ã®classã¯è¦ªè¦ç´ ã« ã¯ã˜ã‚ã« æ•°å¹´å‰ã¾ã§ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã®è¨è¨ˆã¯ãƒ†ãƒ¼ãƒ–ãƒ«ãŒã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã§ã—ãŸã€‚ãã—ã¦CSSã¯ãã‚Œã‚’å¤§ããå¤‰ãˆã€ä»Šæ—¥ã§ã¯CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã®è¨è¨ˆã‚’å®¹æ˜“ã«ã—ã¦ãã‚Œã¦ã„ã¾ã™ã€‚ ã—ã‹ã—ãªãŒã‚‰ã€ã“ã®CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯
ghostbass 2010/04/06
ã¾ã å…¥ã‚Œã¦ãªã‹ã£ãŸ

css

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

html

webåˆ¶ä½œ

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ
ãƒªãƒ³ã‚¯
1 2 3 4 5 æ¬¡ã®ãƒšãƒ¼ã‚¸