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

kupoyuki id:kupoyuki

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

${{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ã‚»ãƒ¬ã‚¯ã‚¿20å€‹ã®ãŠã•ã‚‰ã„
CSSã‚»ãƒ¬ã‚¯ã‚¿ã£ã¦æ„å¤–ã¨åˆ†ã‹ã£ã¦ã„ãªã‹ã£ãŸã‚Šã™ã‚‹ã®ã§å‹‰å¼·ã¤ã„ã§ã«ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚æ¯”è¼ƒçš„å®Ÿç”¨çš„ã‹ãªã¨æ€ã†ã‚‚ã®ã‚’20å€‹ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ã„ã„å¾©ç¿’ã«ãªã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ CSSã‚»ãƒ¬ã‚¯ã‚¿ã¯ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã™ã‚‹å¯¾è±¡ã‚’æŒ‡å®šã™ã‚‹ã‚‚ã®ã§ã™ã€‚æ™®æ®µä½•æ°—ãªãä½¿ã£ã¦ã„ã‚‹classã‚„idãªã©ã‚‚ã‚»ãƒ¬ã‚¯ã‚¿ã®ï¼‘ã¤ã§ã™ã€‚ å±žæ€§ã‚„è¦ç´ ã¨ã„ã£ãŸå …è‹¦ã—ã„ç”¨èªžãŒå‡ºã¦ãã¾ã™ã®ã§å›³ã§ç°¡å˜ã«èª¬æ˜Žã—ã¾ã™ã€‚ ç§ã®ã‚ˆã†ã«åŸºç¤Žã‹ã‚‰å‹‰å¼·ã—ã¦ã„ãªã„ã¨ã€è¦ç´ ã‚„å±žæ€§ã¨èžã„ã¦ã‚‚ãƒ”ãƒ³ã¨ãã¾ã›ã‚“ãŒã€çŸ¥ã£ã¦ã¿ã‚‹ã¨ãªã‚“ã¦ã“ã¨ã¯ãªã„ã§ã™ãã€‚ ã¾ãŸã€IEãŒå¯¾å¿œã—ãã‚Œã¦ã„ãªã„CSS3ã®ã‚»ãƒ¬ã‚¯ã‚¿ã‚‚ã‚ã‚Šã¾ã™ãŒã€IE6ï½ž8ã§ã‚‚CSS3ã‚»ãƒ¬ã‚¯ã‚¿ãŒåˆ©ç”¨ã§ãã‚‹ãƒ„ãƒ¼ãƒ«ã®æ±ºå®šç‰ˆã€ŒSelectivizrã€ ã§ç´¹ä»‹ã—ãŸã‚ˆã†ã«CSS3ã‚»ãƒ¬ã‚¯ã‚¿ã¯ieå¯¾ç–ã‚‚å®¹æ˜“ãªã®ã§ãœã²ãŠè©¦ã—ãã ã•ã„ã€‚ Selectivizrã¯CSSã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã§æŒ‡å®šã—ãŸæ–¹ãŒã„ã„ã®ã§ã™ãŒã€ä»Šå›žã®ã‚µãƒ³ãƒ—ãƒ«ã¯CSSã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«
kupoyuki 2018/02/21
css

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Sassã¨LESSã®é•ã„ ãƒ¼ CSSãƒ—ãƒªãƒ—ãƒã‚»ãƒƒã‚µå…¥é–€ ãƒ¼
è±Šå¯Œãªæ©Ÿèƒ½ãŒã‚ã‚‹ CSSãƒ•ã‚¡ã‚¤ãƒ«ã®è‡ªå‹•æ•´å½¢æ©Ÿèƒ½ ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«æ™‚ã«nestedã€expandedã€compactã€compressedã‹ã‚‰ã‚¤ãƒ³ãƒ‡ãƒ³ãƒˆå½¢å¼ãŒé¸æŠžã§ãã¾ã™ã€‚ä¸Šã®scssã‚’ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã—ãŸå ´åˆã§ãã‚Œãžã‚Œã©ã†ãªã‚‹ã®ã‹ã‚’è¦‹ã¦ã¿ã¾ã™ã€‚ nested
kupoyuki 2018/02/01
css

LESS

Sass
ãƒªãƒ³ã‚¯
Icons | Font Awesome
The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.
kupoyuki 2017/06/23
Webãƒ‡ã‚¶ã‚¤ãƒ³

css

ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆ
ãƒªãƒ³ã‚¯
ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã«ã¤ã„ã¦ã®å‚™å¿˜éŒ² - NxWorld
ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã®ç›¸æ€§ã‚„ä½¿ã„ãŸã„ã‚‚ã®ãŒåŒã‚»ãƒƒãƒˆã«ãªã£ã¦ã„ã‚‹ã‹ãªã©å°‘ã—ã§ã‚‚é¸æŠžè‚¢ã¯å¤šã„æ–¹ãŒè‰¯ã„ã®ã§ã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã‚µã‚¤ãƒˆã‚’è¦‹ã¤ã‘ã¦ã¯ãƒ¡ãƒ¢ã—ã¦ã„ãŸã®ã§ã™ãŒã€çµæ§‹ãªæ•°ã«ãªã£ã¦ããŸã®ã§ãã‚Œã‚‰ã®æ•´ç†ã‚‚å…¼ããŸã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã«ã¤ã„ã¦ã®å‚™å¿˜éŒ²ã§ã™ã€‚ æœ‰å„Ÿã ã‘ã©é«˜å“è³ªã§ç¨®é¡žã‚‚è±Šå¯Œã¿ãŸã„ãªã‚»ãƒƒãƒˆã‚‚ã‚ã£ãŸã‚Šã™ã‚‹ã‚“ã§ã™ãŒã€ä»Šå›žã¯åŸºæœ¬çš„ã«ãƒ•ãƒªãƒ¼ã§ä½¿ç”¨ã§ãã‚‹ã‚‚ã®ã§ã€å›½å†…å¤–åˆã‚ã›ã‚‹ã¨å…¨éƒ¨ã§34ã‚µã‚¤ãƒˆã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚ ã¾ãŸã€ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã®ä½¿ç”¨æ–¹æ³•ã«ã¤ã„ã¦ã‚‚ç°¡å˜ã«ã§ã™ãŒç´¹ä»‹ã™ã‚‹ã®ã§ã€ã¾ã ä½¿ã£ãŸã“ã¨ãŒãªã„ã‘ã©å®Ÿè£…ã—ãŸã„ã¨ã„ã†å ´åˆã¯ãã¡ã‚‰ã‚’å‚è€ƒã«ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã«ã¤ã„ã¦ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–webãƒ‡ã‚¶ã‚¤ãƒ³ãŒåºƒã¾ã£ãŸãªã©ã‚’ãã£ã‹ã‘ã«ã€å¤šãã®ã‚µã‚¤ãƒˆã‚„ãƒ–ãƒã‚°ã§ã‚‚å–ã‚Šå…¥ã‚Œã‚‰ã‚Œã¦ã„ã‚‹ã®ã‚’è¦‹ã‹ã‘ã‚‹ã‚ˆã†ã«ãªã£ãŸã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã€‚ å®Ÿéš›ã«ä½¿ç”¨ã—ãŸã“ã¨ãŒã‚ã‚‹äººãªã‚‰ã‚ã‹ã‚‹ã¨æ€ã„ã¾ã™ãŒã€æœ¬å½“ã«æ‰‹è»½ã«å®Ÿè£…ã§ãã¦ä¸”ã¤ãƒ¡ãƒªãƒƒãƒˆã‚‚ã„ã‚ã„ã‚ã¨
kupoyuki 2016/02/01
Web

ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆ

Webãƒ‡ã‚¶ã‚¤ãƒ³

css
ãƒªãƒ³ã‚¯
ã€CSS3ã€‘CSSã ã‘ã§è¡¨ç¾ã§ãã‚‹ã‚¿ã‚°é¢¨ã‚¿ã‚° - è›¸ãƒ¡ãƒ¢
ã“ã‚“ãªã® beforeã§ç™½ä¸¸ã‚’ã€ afterã§ä¸‰è§’å½¢ã‚’ä½œã£ã¦ã„ã‚‹ã€‚ .my-tag{ background-color: rgb(118, 118, 118); border-radius: 0px 2px 2px 0px; color: rgb(255, 255, 255); display: inline-block;//ã‚¿ã‚°ã‚’ä¸€åˆ—ã«è¡¨ç¤ºã™ã‚‹ãŸã‚ font-size: 11px; font-weight: 700; line-height: 1.27273; margin: 2px 4px 2px 10px; padding: 3px 7px; position: relative; text-transf orm: uppercase; } .my-tag:before{ border-top: 10px solid transparent; border-right: 8px sol
kupoyuki 2015/08/30
css
ãƒªãƒ³ã‚¯
1