WEBãå¶ä½ããã¦ããæ¹ã¯æ¥ã 工夫ããããã¦ããCSSãå¤ã ãããã©ã¦ã¶ç°å¢ã®ä¸ã§ãçµ±ä¸ããè¦ãç®ãä¿ã¤çºã«è²ã ãªåªåãç©ã¿éãã¦ããäºãã¨æãã¾ãã仿¥ç´¹ä»ããã®ã¯ã¯ãã¹ãã©ã¦ã¶ã®ããã®CSSã®ãã¯ããã¯ãç´¹ä»ããã¨ã³ããªã¼ã10 astonishing CSS hacks and techniquesããç´¹ä»ãããã¨æãã¾ãã

Cross browser inline block
ãã¼ã«ããããã®ã£ã©ãªã¼è¡¨ç¤ºã鏿ããããã¹ãã®ã«ã©ã¼ãå¤ããçãæ§ã ãªãã¯ããã¯ãã½ã¼ã¹ã³ã¼ãä»ãã§ç´¹ä»ããã¦ãã¾ãã仿¥ã¯ãã®ä¸ããããã¤ãæ°ã«ãªã£ããã¯ããã¯ãç´¹ä»ãããã¨æãã¾ãã
詳ããã¯ä»¥ä¸
â Cross browser min-height property
min-heightãã¯ãã¹ãã©ã¦ã¶ã«ããæãç°¡åãªæ¹æ³

selector {
min-height:500px;
height:auto !important;
height:500px;
}
ã
ã
ã
ã
ã
â Cross browser pure css tooltips
javascriptã使ãããCSSã ãã§ãã¼ã«ãããã使ãTips

a:hover {
background:#ffffff;
text-decoration:none;} /*BG color is a must for IE6*/
a.tooltip span {
display:none;
padding:2px 3px;
margin-left:8px;
width:130px;
}
a.tooltip:hover span{
display:inline;
position:absolute;
background:#ffffff;
border:1px solid #cccccc;
color:#6c6c6c;
}
ã
ã
ã
ã
ã
â Set color of selected text (Firefox/Safari only)
æåã鏿ããã¨ãã®è²ãå¤ããCSSããã©ã¦ã¶ã¯éããã¦ãã¾ããããã§ããããæã«ãã ãããè¦ãããTips

::selection {
background: #ffb7b7; /* Safari */
}
::-moz-selection {
background: #ffb7b7; /* Firefox */
}
ã
è¦ãã¦ããã¨ã¡ãã£ã¨ä¾¿å©ãªCSSãããã®ä»å¤æ°ç´¹ä»ããã¦ãã¾ãããµã³ãã«ç»åã¨CSSã®ã½ã¼ã¹ã³ã¼ãã両æ¹ã¨ã表示ãã¦ããã¦ãã¾ãã®ã§ãããªãåããããããã¨æãã¾ãã