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

rinfuji_s id:rinfuji_s

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

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

ã€cssã€‘é«˜ã•ãŒå¯å¤‰ã™ã‚‹è¦ç´ ã®ä¸Šä¸‹å·¦å³ã®çœŸã‚“ä¸ã«ãƒ†ã‚ã‚¹ãƒˆã‚’é…ç½®ã—ã¦ã¿ã‚‹ã€‚ â€“ ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³åˆ¶ä½œã®AWESOME | åŠ å¤å·ãƒ»å§«è·¯ãƒ»æ˜ŽçŸ³
çš†æ§˜ã€ã“ã‚“ã°ã‚“ã¯ã€‚ é‡‘æ¾¤ã§ã™ã€‚ ä»Šæ—¥ã¯èƒŒæ™¯ç”»åƒã®çœŸã‚“ä¸ã«æ–‡å—ã‚’é…ç½®ã™ã‚‹ã‚„ã‚Šæ–¹ã‚’ã€‚ æ¨ªæ–¹å‘ã¯å·¦å³ã®marginã‚’autoã«ã—ãŸã‚Šã€ ãƒ†ã‚ã‚¹ãƒˆã®å ´åˆã¯text-align:center;ã§è¡¨ç¾ã§ãã¾ã™ãŒã€ ç¸¦æ–¹å‘ã®ä¸å¤®æƒãˆã£ã¦ flexboxã«ã—ãŸã‚Šã€ table-cellã«ã—ãŸã‚Šã‚„ã‚„ã“ã—ã„ã§ã™ãã€‚ ã§ãã‚‹ã ã‘displayã¯ã„ã˜ã‚ŠãŸãããƒ¼ã‚ˆï¼ ãªã€ã‚ãªãŸã«é€ã‚Šã¾ã™ã€‚ è¦ç´ ã®é«˜ã•å›ºå®šã§ã€ãƒ†ã‚ã‚¹ãƒˆãŒä¸€è¡Œã®æ™‚ã€‚2ãƒ‘ã‚¿ãƒ¼ãƒ³ã”ç”¨æ„ã„ãŸã—ã¾ã—ãŸã€‚ ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ ï¼‘ã¤ç›®ã¯ã€èƒŒæ™¯ç”»åƒã®é«˜ã•ã‚’ã€line-heightã§èª¿æ•´ã—ã¦ã„ã¾ã™ã€‚ 2ã¤ç›®ã¯ã€è¦ç´ ã«é«˜ã•ã‚’æŒ‡å®šã—ã¦ã„ã‚‹æ™‚ã€‚ ã“ã®å ´åˆã¯è¦ç´ ã®é«˜ã•ã¨line-heightã‚’åˆã‚ã›ã‚‹ã“ã¨ã§ä¸å¤®ã«é…ç½®ã—ã¦ã„ã¾ã™ã€‚ ãƒ†ã‚ã‚¹ãƒˆãŒäºŒè¡Œä»¥ä¸Šã®æ™‚ã€‚è¦ç´ ã®é«˜ã•ãŒå›ºå®šã•ã‚Œã¦ã„ã‚‹æ™‚ã¯ã€ã“ã‚“ãªæ„Ÿã˜ã§æƒãˆã¾ã—ã‚‡ã†ã€‚ è¤‡æ•°è¡Œã®å ´åˆline-heightã§æŒ‡å®šã™ã‚‹ã¨ã€ æ®µè½åŒå£«ã®è·é›¢ãŒ
rinfuji_s 2018/03/12
CSS
ãƒªãƒ³ã‚¯
hokoweb.comÂ -Â hokoweb ãƒªã‚½ãƒ¼ã‚¹ãŠã‚ˆã³æƒ…å ±
This domain has expired. If you owned this domain, contact your domain registration service provider for further assistance. If you need help identifying your provider, visit https://www.tucowsdomains.com/
rinfuji_s 2018/01/30
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

jQuery

CSS
ãƒªãƒ³ã‚¯
CSSã®ã‚³ãƒ”ãƒšã ã‘ï¼ãŠã—ã‚ƒã‚Œãªè¦‹å‡ºã—ã®ãƒ‡ã‚¶ã‚¤ãƒ³ä¾‹ã¾ã¨ã‚68é¸
ä»Šå›žã¯è¦‹å‡ºã—ï¼ˆh1ã€œh6ã‚¿ã‚°ï¼‰ã®ã‚ªã‚·ãƒ£ãƒ¬ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚µãƒ³ãƒ—ãƒ«ã‚’68ã¤ç´¹ä»‹ã—ã¾ã™ã€‚CSSã‚³ãƒ¼ãƒ‰ã‚’ã‚³ãƒ”ãƒšã™ã‚Œã°ãã®ã¾ã¾ä½¿ã†ã“ã¨ãŒã§ãã¾ã™ã€‚ã‚‚ã¡ã‚ã‚“è‡ªåˆ†å¥½ã¿ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ã¦ä½¿ã£ã¦é ‚ã„ã¦ã‚‚æ§‹ã„ã¾ã›ã‚“ã€‚
rinfuji_s 2018/01/24
CSS
ãƒªãƒ³ã‚¯
ç”»åƒã‚’ä½¿ã‚ãªã„ï¼CSSã ã‘ã§çŸ¢å°ã‚’ä½œã‚‹æ–¹æ³•ã€åˆå¿ƒè€…å‘ã‘ã€‘ç¾å½¹Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒè§£èª¬
ç”»åƒã‚’ä½¿ã‚ãªã„ï¼CSSã ã‘ã§çŸ¢å°ã‚’ä½œã‚‹æ–¹æ³•ã€åˆå¿ƒè€…å‘ã‘ã€‘ç¾å½¹Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒè§£èª¬ åˆå¿ƒè€…å‘ã‘ã«CSSã ã‘ã§çŸ¢å°ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’ä½œã‚‹æ–¹æ³•ã«ã¤ã„ã¦è§£èª¬ã—ã¦ã„ã¾ã™ã€‚ç”»åƒã‚’ä½¿ã‚ãšã«CSSã§çŸ¢å°ã‚’ä½œã‚Œã‚‹ã‚ˆã†ã«ãªã‚Œã°ã‚µã‚¤ãƒˆåˆ¶ä½œã«ã‚‚å½¹ç«‹ã¤ã¯ãšã§ã™ã€‚å®Ÿéš›ã«ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ããªãŒã‚‰ä¾‹ã‚’ã‚‚ã¨ã«èª¬æ˜Žã—ã¦ã„ã‚‹ã®ã§ã€ãœã²ã”è¦§ãã ã•ã„ã€‚ ãƒ†ãƒƒã‚¯ã‚¢ã‚«ãƒ‡ãƒŸãƒ¼ãƒžã‚¬ã‚¸ãƒ³ã¯å—è¬›è€…æ•°No.1ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚¹ã‚¯ãƒ¼ãƒ«ã€Œãƒ†ãƒƒã‚¯ã‚¢ã‚«ãƒ‡ãƒŸãƒ¼ã€ãŒé‹å–¶ã€‚åˆå¿ƒè€…å‘ã‘ã«ãƒ—ãƒãŒè§£èª¬ã—ãŸè¨˜äº‹ã‚’å…¬é–‹ä¸ã€‚ç¾å½¹ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®æ–¹ã¯ã“ã¡ã‚‰ã‚’ã”è¦§ãã ã•ã„ã€‚ â€» ã‚¢ãƒ³ã‚±ãƒ¼ãƒˆãƒ¢ãƒ‹ã‚¿ãƒ¼æä¾›å…ƒï¼šGMOãƒªã‚µãƒ¼ãƒæ ªå¼ä¼šç¤¾ã€€èª¿æŸ»æœŸé–“ï¼š2021å¹´8æœˆ12æ—¥ï½ž8æœˆ16æ—¥ã€€ èª¿æŸ»å¯¾è±¡ï¼š2020å¹´8æœˆä»¥é™ã«ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚¹ã‚¯ãƒ¼ãƒ«ã‚’å—è¬›ã—ãŸ18ï½ž80æ³ã®ç”·å¥³1,000åã€€ èª¿æŸ»æ‰‹æ³•ï¼šã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆèª¿æŸ» ä»Šå›žã¯CSSã§çŸ¢å°ã‚’ä½œã‚‹æ–¹æ³•ã‚’èª¬æ˜Žã—ã¾ã™ã€‚ ä»Šã¾ã§ç”»åƒã‚’ä½¿ã£ã¦çŸ¢å°ã‚’ã¤ã‘ã¦ã„ãŸã¨ã„ã†æ–¹ã‚‚ã€è‡ª
rinfuji_s 2017/07/20
CSS
ãƒªãƒ³ã‚¯
ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ãµã‚ã£ã¨ç¾ã‚Œã‚‹æ–‡å—ã‚„ç”»åƒ | UNORTHODOX WORKBOOK | Blog
æ›¸ãã“ã¨ãŒä½•ã‚‚ãªã„ã®ã§ã€æœ€è¿‘ã®Webã‚µã‚¤ãƒˆã§ã‚ˆãç›®ã«ã™ã‚‹ã€Œã‚ã‚Œã€ã«ã¤ã„ã¦æ›¸ã„ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚è‰²ã€…ãªã‚„ã‚Šæ–¹ãŒã‚ã‚‹ã‹ã¨æ€ã„ã¾ã™ãŒã€é›£ã—ã„ã“ã¨ã¯ã‚ˆãåˆ†ã‹ã‚‰ãªã„ã®ã§ã€ç°¡å˜ã«ã§ãã‚‹jQueryã¨css3ã‚’ä½¿ã£ãŸã‚‚ã®ã§å®Ÿè£…ã—ã¦ã¿ã¾ã—ãŸã€‚ æœ€è¿‘è‰¯ãç›®ã«ã™ã‚‹ã‚ã‚Œ ã¨ã¯ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã„ãã¨çªç„¶ä½•ã‚‚ãªã‹ã£ãŸã¨ã“ã‚ã‹ã‚‰ãµã‚ã£ã¨ç¾ã‚Œã‚‹æ–‡å—ã‚„ç”»åƒã®ã“ã¨ã€‚ä½•ã¦è¨€ã†ã®ã‹çŸ¥ã‚‰ãªã„ã®ã§ã€Œã‚ã‚Œã€ã¨è¡¨ç¾ã—ã¾ã—ãŸã€‚ã™ã¿ã¾ã›ã‚“ã€‚ã€‚ã€‚ ã¤ã¾ã‚Šã“ã‚Œã®ã“ã¨ ãã—ã¦ã“ã‚Œã‚‚ãã† ã•ã‚‰ã«ã“ã‚Œã‚‚ã§ã™ ã‚³ãƒ¼ãƒ‰ HTML <div> <p id="animation">ã“ã“ã®æ–‡å—ãŒç¾ã‚Œã‚‹</p> </div> ãƒ†ã‚ã‚¹ãƒˆéƒ¨åˆ†ã‚’ç”»åƒ(img)ã«ã™ã‚Œã°ã€ç”»åƒã‚’ãµã‚ã£ã¨ã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ãã€‚divã‚„pã®è£…é£¾ã¯é©å®œè¡Œã£ã¦ãã ã•ã„ã€‚ JS $('#animation').css('visibility','hidden'); $(window).scr
rinfuji_s 2016/10/26
jquery
ãƒªãƒ³ã‚¯
çŸ¥ã£ã¦ãŠãã¨ä¾¿åˆ©ãªcssã®å°æŠ€ part1
ãƒ–ãƒãƒƒã‚¯è¦ç´ ï¼ˆdivç‰ï¼‰å…¨ä½“ã«ãƒªãƒ³ã‚¯ã‚’ä»˜ã‘ã‚‹ DEMO divç‰ã®ãƒ–ãƒãƒƒã‚¯è¦ç´ å…¨ä½“ã«ãƒªãƒ³ã‚¯ã•ã›ãŸã„â€¦ãªã‚“ã¦ã“ã¨ã‚ã‚Šã¾ã™ã‚ˆãã€‚ HTML5ã‚„jsã§è§£æ±ºå‡ºæ¥ã‚‹å ´åˆã‚‚ã‚ã‚Šã¾ã™ãŒã€ãã†ã¯ã„ã‹ãªã„ãªã‚“ã¦æ™‚ã‚‚ã‚ã‚Šã¾ã™ã®ã§â€¦è‡ªåˆ†ã¯ã‚ˆãã“ã®æ–¹æ³•ã«é ¼ã‚‹ã“ã¨ãŒå¤šã„ã§ã™ã€‚ HTML
rinfuji_s 2016/05/30
ä¸å¤®æƒãˆ,ä¸å¤®å¯„ã›,ãƒªã‚¹ãƒˆ

CSS
ãƒªãƒ³ã‚¯
capm-network.com
rinfuji_s 2016/01/04
CSS
ãƒªãƒ³ã‚¯
forked: ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ï¼ˆè¤‡æ•°é–‹ã‘ã‚‹ï¼‰ï¼‹é–‰ã˜ã‚‹ãƒœã‚¿ãƒ³ã¤ã - jsdo.it - Share JavaScript, HTML5 and CSS
// forked from hibiki443's "ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ï¼ˆè¤‡æ•°é–‹ã‘ã‚‹ï¼‰" http://jsdo.it/hibiki443/r8hF (function($) { // èªã¿è¾¼ã‚“ã ã‚‰é–‹å§‹ $(function() { // ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ var accordion = $(".accordion"); accordion.each(function () { var noTargetAccordion = $(this).siblings(accordion); $(this).find(".switch").click(function() { $(this).next(".contentWrap").slideToggle(); $(this).toggleClass("open"); noTargetAccordion.find(".contentWrap").sli
rinfuji_s 2015/12/22
ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼

javascript

jquery

CSS
ãƒªãƒ³ã‚¯
ã‚´ãƒ¼ã‚¹ãƒˆãƒœã‚¿ãƒ³ã«ãƒžã‚¦ã‚¹ã‚’ä¹—ã›ãŸã¨ãã®å‹•ãã„ã‚ã„ã‚16å€‹
æ˜¨å¹´ãã‚‰ã„ã‹ã‚‰æµè¡Œã£ã¦ã„ã‚‹ã‚‰ã—ã„ã‚´ãƒ¼ã‚¹ãƒˆãƒœã‚¿ãƒ³ã¨ã„ã†ã‚‚ã®ã®ã‚µãƒ³ãƒ—ãƒ«ã‚’ã„ãã¤ã‹ä½œã£ã¦ã¿ã¾ã—ãŸã€‚çš†ã•ã‚“è‰²ã€…ä½œã‚‰ã‚Œã¦ã„ã¦ã€ä»Šã•ã‚‰æ„Ÿã‚‚ã‚ã‚Šã¾ã™ãŒãœã²ã”è¦§ãã ã•ã„ã€‚ ä»Šå›žã€ä»¥ä¸‹ã®ãƒ«ãƒ¼ãƒ«ã«æ²¿ã£ã¦16å€‹ã‚µãƒ³ãƒ—ãƒ«ã‚’ä½œã‚Šã¾ã—ãŸã€‚ HTMLã¯å…¨ã¦åŒã˜ ãƒžã‚¦ã‚¹ã‚’ä¹—ã›ã‚‹å‰ã¯åŒã˜çŠ¶æ…‹ æ“¬ä¼¼è¦ç´ ã¯ä½¿ã£ã¦ã‚‚1ã¤ã ã‘ æ“¬ä¼¼è¦ç´ ã‚’2ã¤ä½¿ã£ãŸã‚Šã€spanãªã‚“ã‹ã‚’ã¯ã•ã‚“ã§ã‚„ã‚‹ã¨ã‚‚ã£ã¨è‰²ã€…ã§ãã‚‹ã¨æ€ã„ã¾ã™ãŒã€ä»Šå›žã¯ã‚·ãƒ³ãƒ—ãƒ«ã«ãƒžã‚¦ã‚¹ã‚’ä¹—ã›ãŸã¨ãã«å‹•ãã‚’ã¤ã‘ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã¯ã“ã®ãƒšãƒ¼ã‚¸ã§å…¨ã¦è¼‰ã›ã¦ã„ã¾ã™ãŒã€ã¾ã¨ã‚ã¦è¦‹ãŸã„ã¨ã„ã†æ–¹ã¯ã“ã¡ã‚‰ã‚’ã©ã†ãžã€‚ ã¨ã„ã†ã“ã¨ã§ã€HTMLã¯ã“ã‚“ãªæ„Ÿã˜ã«ãªã‚Šã¾ã™ã€‚ <a href="#" class="btn sample1">sample 1</a> æ™®é€šã®ãƒªãƒ³ã‚¯ã§ã™ãã€‚btnã¯å…±é€šéƒ¨åˆ†ã€sample1ã¯ã‚µãƒ³ãƒ—ãƒ«ã”ã¨ã§é•ã£ã¦ãã‚‹éƒ¨åˆ†ã«ãªã‚Šã¾ã™ã€‚ ã§ã¯ã€å…±é€šéƒ¨åˆ†ã®CSSã§ã™ã€‚ a.bt
rinfuji_s 2015/08/25
css

ãƒœã‚¿ãƒ³
ãƒªãƒ³ã‚¯
PCã‚µã‚¤ãƒˆã®UIãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã‘ã‚‹12ã®ãƒˆãƒ¬ãƒ³ãƒ‰ | ãƒ™ã‚¤ã‚¸ã®ç¤¾é•·ãƒ–ãƒã‚°
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®æ™®åŠã§ã€PCã§é–²è¦§ã™ã‚‹Webã‚µã‚¤ãƒˆï¼ˆä»¥ä¸‹ã€PCã‚µã‚¤ãƒˆï¼‰ã«å¯¾ã™ã‚‹æ³¨ç›®åº¦ã¯ä¸‹ãŒã£ã¦ã„ã¾ã™ã€‚ã—ã‹ã—ã€BtoBã®ãƒ‡ã‚¸ã‚¿ãƒ«ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ã«ãŠã„ã¦ã¯ã€PCã‚µã‚¤ãƒˆãŒä»Šå¾Œã‚‚æˆ¦ç•¥ã®ä¸å¿ƒã«ãªã‚‹ã§ã—ã‚‡ã†ã—ã€BtoCã«ãŠã„ã¦ã‚‚ã€PCã‚µã‚¤ãƒˆãŒä¸å¯æ¬ ãªé ˜åŸŸã‚‚ã¾ã ã¾ã å¤šã„ã§ã™ã€‚ ãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢çš„ã«å¤§ããªå¤‰åŒ–ã®ãªã„PCå‘ã‘ã®Webãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã„ã†ã¨ã€ãƒŽã‚¦ãƒã‚¦ã¯å›ºå®šåŒ–ã•ã‚Œã¦ã„ã‚‹å°è±¡ã‚‚ã‚ã‚Šã¾ã™ãŒã€å®Ÿéš›ã«ã¯æ™‚ä»£ã®æµã‚Œã‚’å—ã‘ã€ä»Šã‚‚å¤‰åŒ–ã‚’ç¶šã‘ã¦ã„ã¾ã™ã€‚ç‰¹ã«ä»¥ä¸‹ã®ã‚ˆã†ãªç’°å¢ƒå¤‰åŒ–ãŒã€PCã‚µã‚¤ãƒˆã®UIãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚‚å¤§ããªå½±éŸ¿ã‚’ä¸Žãˆã¦ã„ã¾ã™ã€‚ è¡¨ç¤ºãƒ‡ãƒã‚¤ã‚¹ã®å¤šç”¨åŒ– ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚¢ãƒ—ãƒªã®ä¸€èˆ¬åŒ– ã‚¿ãƒƒãƒã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã®æ™®åŠ ãƒˆãƒ¬ãƒ³ãƒ‰ã«åˆã‚ã›ã‚Œã°æˆåŠŸã€ã¨ã„ã†ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€ãã®æ ¹åº•ã«æµã‚Œã¦ã„ã‚‹ãƒ¦ãƒ¼ã‚¶å‹•å‘ã®å¤‰åŒ–ã«ã¤ã„ã¦ã¯ã€ååˆ†ã«ç†è§£ã—ã¦ãŠãå¿…è¦ã¯ã‚ã‚‹ã§ã—ã‚‡ã†ã€‚ãã“ã§ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã¯ã€PCã‚µã‚¤ãƒˆã®UIãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã‘ã‚‹æœ€æ–°å‹•å‘ã‚’ã€ãã®èƒŒæ™¯
rinfuji_s 2015/07/10
webãƒ‡ã‚¶ã‚¤ãƒ³

ui

CSS
ãƒªãƒ³ã‚¯
position:absoluteã€margin:0 autoã—ã¦å·¦å³ä¸å¤®é…ç½®ã™ã‚‹ - not good but great
width/2ã ã‘ãƒã‚¬ãƒ†ã‚£ãƒ–ãƒžãƒ¼ã‚¸ãƒ³ã¯é¢å€’ position:absoluteã—ã¦å·¦å³ä¸å¤®é…ç½®ã™ã‚‹ã®ã¯ã€left50%ã«ã—ã¦ã€width/2ã ã‘ãƒã‚¬ãƒ†ã‚£ãƒ–ãƒžãƒ¼ã‚¸ãƒ³ã¨ã„ã†ã‚„ã‚Šæ–¹ã—ã‹çŸ¥ã‚‰ãªã‹ã£ãŸã€‚widthã‚’çŸ¥ã‚‹ã®ã¯é¢å€’ã ã€‚ã ã‹ã‚‰èª¿ã¹ã¦ã¿ãŸã€‚ãã—ãŸã‚‰åˆ¥ã®ã‚„ã‚Šæ–¹ãŒã‚ã£ãŸã€‚ ã‚¦ãƒ³ãƒã‚’ä¸Šä¸‹å·¦å³ä¸å¤®é…ç½®ã—ã¦ã„ã‚‹ã€‚ top,left,right,leftã‚’autoä»¥å¤–ã®å€¤ã«ã™ã‚‹ ä¸Šä¸‹å·¦å³ä¸å¤®é…ç½®ã«ã™ã‚‹ .iconImage{ position: absolute; top:0; left: 0; right: 0; bottom: 0; margin:auto; width:145px; height:145px; background:url("http://jsrun.it/assets/2/X/4/b/2X4bJ.png") no-repeat; border-radius:10px; } top
rinfuji_s 2015/07/03
CSS
ãƒªãƒ³ã‚¯
ã€ã‚¯ãƒªã‚¹ãƒžã‚¹ã ã—ã€‘Internet Explorerã¨ã†ã¾ãä»˜ãåˆã†æ–¹æ³•ã€IEå¯¾å¿œã¾ã¨ã‚ã€‘ã€25æ—¥ç›®ã®6ã€‘ | DevelopersIO
IE6ã¯ï¾€ï¾‹ã¬Death! ã“ã‚“ã°ã‚“ã¯ã€ã‚¯ãƒ©ã‚¹ãƒ¡ã‚½ãƒƒãƒ‰Webãƒžã‚¹ã‚¿ãƒ¼ã®é‡Žä¸ã§ã™ã€‚ ä»Šæ—¥ã¯ã‚¯ãƒªã‚¹ãƒžã‚¹ã§ã™ãã€ç¤¾å†…ã«ã¯ç‹¬ã‚Šèº«ã®è² ã®ã‚ªãƒ¼ãƒ©ãŒæº€ã¡ã¦ã¾ã™ï¼ˆæ—¢å©šè€…ãŒå¤šã„ã®ã§æ®‹ã£ã¦ã„ã‚‹äººã¯å°‘ãªã„ï¼‰ã€‚ ã¨ã“ã‚ã§ã€æœ€è¿‘ã¯CSS3ã‚‚ã™ã“ã—ãšã¤ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ã¦ãã¦ã„ã¦ã€IE6ã‹ã‚‰IE8ã®å¯¾å¿œã‚’è”‘ã‚ã«ã—ã¦ã—ã¾ã£ã¦ã„ã‚‹è‡ªåˆ†ãŒã„ã¾ã™ã€‚ Webåˆ¶ä½œã«æºã‚ã£ã¦ã‹ã‚‰6å¹´ã€å¸¸ã«ä»˜ãã¾ã¨ã†å¤ã„IEã¯è…ã‚Œç¸ã¨ã„ã†ã‹ã€ã‚ã‚‹æ„å‘³é’æ˜¥ã§ã™ãã€‚ ã¨ã£ã¦ã‚‚ä»Šã•ã‚‰æ„ŸãŸã£ã·ã‚ŠãªãŠé¡Œç›®ã§ã™ãŒã€ã“ã“ã§IEå¯¾å¿œã®ãƒã‚¤ãƒ³ãƒˆã‚’è‡ªåˆ†ã®ãŸã‚ã«ç·æµšã„ã—ã¦é’æ˜¥ã«æ±ºç€ã‚’ã¤ã‘ãŸã„ã¨æ€ã„ã¾ã™ã€‚ éŽåŽ»ã®çµŒé¨“ã¨æƒ…å ±åŽé›†ã‚’ã‚‚ã¨ã«ã¾ã¨ã‚ã¦ã„ã‚‹ã®ã§å®Ÿéš›ã«ãƒ†ã‚¹ãƒˆã—ãŸã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ è§£æ±ºã®ãã£ã‹ã‘ç¨‹åº¦ã«ãªã‚Œã°è‰¯ã„ã¨æ€ã„ã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚ IEã®ç¾çŠ¶ ä¸€èˆ¬çš„ãªãƒ–ãƒ©ã‚¦ã‚¶ã¨å…ˆé€²çš„ãªãƒ–ãƒ©ã‚¦ã‚¶ã«å¯¾ã™ã‚‹æ‰‹æ³•ã¨è€ƒãˆæ–¹ ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚¿ã‚¤ãƒ—ï¼šæ–‡æ›¸åž‹å®šç¾© IEå‘ã‘æ¡ä»¶ä»˜ãã‚³ãƒ¡ãƒ³ãƒˆã§åˆ†å²å‡¦ç†
rinfuji_s 2015/03/19
CSS
ãƒªãƒ³ã‚¯
3streamer.net
3streamer.net 2024 è‘—ä½œæ¨©. ä¸è¨±è¤‡è£½ ãƒ—ãƒ©ã‚¤ãƒã‚·ãƒ¼ãƒãƒªã‚·ãƒ¼
rinfuji_s 2015/03/19
CSS
ãƒªãƒ³ã‚¯
CSS ã§ç”»åƒã®ä¸‹ã«æ–‡å—ã‚’å›žã‚Šè¾¼ã¾ã›ãªã„æ–¹æ³•
ç”»åƒã‚’å·¦å´ã«ã€ãƒ†ã‚ã‚¹ãƒˆã‚’å³å´ã«æŒã£ã¦ãã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒã‚ã‚‹å ´åˆã€ç”»åƒã«å¯¾ã—ã¦æ™®é€šã« float ã§å›žã‚Šã“ã¿ã‚’è¡Œã†ã¨ä»¥ä¸‹ã®ã‚ˆã†ãªè¡¨ç¤ºã«ãªã‚Šã¾ã™ã€‚ ã“ã®ã‚ˆã†ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®éš›ã«ã€ç”»åƒã®ä¸‹ã«ãƒ†ã‚ã‚¹ãƒˆã‚’å›žã‚Šè¾¼ã¾ã›ãªã„è¡¨ç¤ºã«ã™ã‚‹å ´åˆã¯ãƒ†ã‚ã‚¹ãƒˆéƒ¨åˆ†ã«å¯¾ã—ã¦ overflow: hidden ã‚’æ›¸ã‘ã‚Œã°ç°¡å˜ã«å›žã‚Šã“ã¾ã›ãªãã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ HTML
rinfuji_s 2015/02/26
CSS
ãƒªãƒ³ã‚¯
ç”»åƒã®ä¸‹ã«å›žã‚Šè¾¼ã¿ã‚’ã•ã›ãªã„ Â« æ ªå¼ä¼šç¤¾ã‚¼ãƒŽãƒ•ã‚£
rinfuji_s 2015/02/26
CSS
ãƒªãƒ³ã‚¯
æ¨ªãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ä½œã‚Šæ–¹
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«å¯¾å¿œã—ãŸæ¨ªãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ä½œã‚‹æ©Ÿä¼šãŒã‚ã£ãŸã®ã§ã€ã›ã£ã‹ãã§ã™ã—ä½œã‚Šæ–¹ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ãŠå½¹ã«ç«‹ã¦ã°ã†ã‚Œã—ã„ã§ã™ã€‚ ã€è¿½è¨˜ã€€2014.03.19ã€‘ å…ƒã€…ã®ã‚¿ã‚¤ãƒˆãƒ«ã¯ã€Œãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã«å¯¾å¿œã—ãŸæ¨ªãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ä½œã‚Šæ–¹ã€ã§ã—ãŸãŒã€ã‚ˆãè€ƒãˆã‚‹ã¨ã‚¹ãƒžãƒ›å¯¾å¿œã«ãªã£ãŸã‚‰ç¸¦ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã«ãªã‚Šã¾ã™ã®ã§ã‚¿ã‚¤ãƒˆãƒ«ã‚’å¤‰æ›´ã—ã¾ã—ãŸã€‚ idåã€Œtoggleã€ã®éƒ¨åˆ†ã¯æ¨ªå¹…ãŒ480pxä»¥ä¸‹ã®å ´åˆã«è¡¨ç¤ºã™ã‚‹ãƒœã‚¿ãƒ³ã§ã™ã€‚481pxä»¥ä¸Šã®å ´åˆè¡¨ç¤ºã•ã›ã¾ã›ã‚“ã€‚ãã®ä»–ã¯ã”ãæ™®é€šã®æ¨ªãƒ¡ãƒ‹ãƒ¥ãƒ¼ã§ã™ã€‚ CSS ç¶šã„ã¦CSSã§ã™ã€‚ã¾ãšã¯å…¨ä½“ã‚’è¼‰ã›ã¾ã™ã€‚ #menu{ width: 100%; max-width: 960px; margin: 0 auto; padding: 0; } #menu li{ display: block; float: left; width: 12.5%; margin: 0; paddi
rinfuji_s 2014/11/19
CSS

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–
ãƒªãƒ³ã‚¯
ç”»åƒã®ä¸‹ã«ã§ãã‚‹éš™é–“ã‚’ãªãã™æ–¹æ³•ã€‚
ç”»åƒã‚’divã‚„h1ã‚¿ã‚°ãªã©ã®ãƒ–ãƒãƒƒã‚¯è¦ç´ ã«å…¥ã‚Œã‚‹ã¨ç”»åƒã®ä¸‹ã«æ•°ãƒ”ã‚¯ã‚»ãƒ«ã»ã©ã®éš™é–“ãŒã§ãã¦ã—ã¾ã„ã¾ã™ã€‚æ°—ã«ã™ã‚‹ã»ã©ã®ã“ã¨ã§ã‚‚ãªã„ç¯„å›²ã§ã¯ã‚ã‚Šã¾ã™ãŒã€ãƒ‡ã‚¶ã‚¤ãƒ³ä¸Š1pxã®ãšã‚Œã‚‚ã ã—ãŸããªã„å ´åˆã¯ã“ã®ä¸è¦ãªä½™ç™½ã‚’å–ã‚Šé™¤ãå¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã“ã“ã§ã¯ãã‚Œã‚’è§£æ±ºã™ã‚‹ï¼“ã¤ã®æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã¾ãšé€šå¸¸ã ã¨ä¸‹è¨˜ã®ã‚ˆã†ã«ç”»åƒã¨ãã®ä¸‹ã®èµ¤ã„ãƒœãƒ¼ãƒ€ãƒ¼ã®é–“ã«ã‚¹ãƒšãƒ¼ã‚¹ãŒã§ãã¦ã—ã¾ã„ã¾ã™ã€‚ è§£æ±ºæ³•ï¼‘ã€€CSSã§ç”»åƒã®displayå±žæ€§ã‚’blockã«æŒ‡å®šã™ã‚‹ã€‚ img{ display:block; } è§£æ±ºæ³•ï¼’ã€€CSSã§ç”»åƒã®vertical-alignã‚’bottomã«æŒ‡å®šã™ã‚‹ã€‚ img{ vertical-align: bottom; } è§£æ±ºæ³•ï¼“ã€€CSSã§è¦ªãƒ–ãƒãƒƒã‚¯ã®line-heightã‚’0ã«ã™ã‚‹ã€‚ .box{ line-height:0; }
rinfuji_s 2014/10/09
CSS
ãƒªãƒ³ã‚¯
ç”»åƒã®ä¸‹ã«è¬Žã®éš™é–“ãŒã§ãã‚‹ã®ã‚’é˜²ãæ–¹æ³• [ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ä½œæˆ] All About
ä¸Šè¨˜ã®HTMLã¯ã€ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã®ä¸ã«ã€ç”»åƒã‚’1ã¤å…¥ã‚Œã¦ã„ã‚‹ã ã‘ã§ã™ã€‚ã“ã®ã‚ˆã†ãªè¨˜è¿°ã¯é »ç¹ã«ä½¿ã‚ã‚Œã‚‹ã§ã—ã‚‡ã†ã€‚ ã“ã®ã¨ãã€æ–‡å—ã‚µã‚¤ã‚º(font-size)ãŒã¨ã¦ã‚‚å°ã•ã‹ã£ãŸã‚Šã€è¡Œã®é«˜ã•(line-height)ãŒä½Žã‹ã£ãŸã‚Šã€è¡¨ç¤ºã«ä½¿ã‚ã‚Œã¦ã„ã‚‹ãƒ•ã‚©ãƒ³ãƒˆã®ç¨®é¡žã«ã‚ˆã£ã¦ã¯ã€ã‚ã¾ã‚Šéš™é–“ãŒæ°—ã«ãªã‚‰ãªã„å ´åˆã‚‚ã‚ã‚Šã¾ã™ã€‚ã—ã‹ã—ã€å³å›³ã®ã‚ˆã†ã«ç”»åƒã®ä¸‹ã«éš™é–“ãŒè¦‹ãˆã‚‹å ´åˆã‚‚ã‚ã‚Šã¾ã™ã€‚ ç”»åƒã®ä¸‹ã«ç©ºãè¬Žã®éš™é–“ãŒãƒãƒƒã‚ãƒªè¦‹ãˆã‚‹è¨˜è¿°ãƒ»è£…é£¾ä¾‹ ä»¥ä¸‹ã®ã‚ˆã†ã«HTMLã¨CSSã‚’è¨˜è¿°ã™ã‚‹ã¨ã€è¬Žã®éš™é–“ãŒãƒãƒƒã‚ãƒªè¦‹ãˆã‚‹ã§ã—ã‚‡ã†ã€‚ <p> <img src="sea.jpg" alt="æµ·"> quick doggy jump </p> ä¸Šè¨˜ã®HTMLã§ã¯ã€ç”»åƒã®éš£ã«å°æ–‡å—ã®ã‚¢ãƒ«ãƒ•ã‚¡ãƒ™ãƒƒãƒˆã‚’æŽ²è¼‰ã—ã¦ã„ã¾ã™ã€‚ã•ã‚‰ã«CSSã§ã€ p { font-size: 200%; line-height: 1.4; font-family:
rinfuji_s 2014/10/09
css
ãƒªãƒ³ã‚¯
position:fixedã§ãƒ˜ãƒƒãƒ€å›ºå®šæ™‚ã®ãƒšãƒ¼ã‚¸å†…ãƒªãƒ³ã‚¯ã®ãšã‚Œã‚’è§£æ¶ˆã—ãŸã„ ï½œ Tips Note by TAM
position:fixedã‚’ä½¿ã£ã¦ãƒ˜ãƒƒãƒ€ã‚’å›ºå®šã—ãŸå ´åˆ ãƒšãƒ¼ã‚¸å†…ãƒªãƒ³ã‚¯ã®ä½ç½®ãŒãƒ˜ãƒƒãƒ€ã®é«˜ã•åˆ†ãšã‚Œã¦ã—ã¾ã„ã¾ã™ã€‚ ãƒ˜ãƒƒãƒ€ã‚’å›ºå®šã™ã‚‹æ¡ˆä»¶ãŒå¢—ãˆã¦ãã¾ã—ãŸã®ã§è¦šæ›¸ã§ã™ã€‚ CSSã§èª¿æ•´ã™ã‚‹æ–¹æ³•ã¨ã€JavaScriptã§èª¿æ•´ã™ã‚‹æ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚ ãƒ˜ãƒƒãƒ€ã®é«˜ã•ï¼š100px â– HTML <div id="header"> ãƒ˜ãƒƒãƒ€ãƒ¼ãŒã¯ã„ã‚Šã¾ã™ </div> <div id="content"> <a href="#link01">ãªã‚“ã¨ã‹</a> <div name="link01" id="link01">ã‹ã‚“ã¨ã‹</div> </div> CSSã§èª¿æ•´ã™ã‚‹ padding-topã§ãƒ˜ãƒƒãƒ€ã®é«˜ã•åˆ†ãšã‚‰ã—ã¦ã€margin-topã§ãƒžã‚¤ãƒŠã‚¹ã®å€¤ã‚’ã„ã‚Œã‚‹ã¨ã†ã¾ãã„ãã¾ã™ã€‚ margin-top:-100px; padding-top:100px; â– CSS #header { width: 100%; m
rinfuji_s 2014/10/08
CSS
ãƒªãƒ³ã‚¯
bootstrap ã®å›ºå®šãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã¨ãƒšãƒ¼ã‚¸å†…ã‚¢ãƒ³ã‚«ãƒ¼å•é¡Œ : sonots:blog
rinfuji_s 2014/10/08
CSS
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸