CSS
divの縦横比を維持する
ウィンドウサイズを変更してもdivの縦横比を維持する場合のcssです。 表示サンプルはこちら CSS div.div01 { /*1：1*/ width:24%; height:24vw; margin:0.5%; ba…「titleの値が”タイトル”が含まれている場合」のスタイルを指定する方法
a[title]{ color:red; } a[title="このタイトルは斜体です"]{ font-style:italic; } a[title*="タイトル"]{ font…[CSS] テキスト反転時の色を指定する
::selection { background: #ff6600; /*背景色*/ color: #fff; /*文字色*/ }
Compass：IEにも対応したCSSグラデーションの書き方
Compassでザックリ書き出す方法です。 Scss //SVGサポートを有効に（IE9用） $experimental-support-for-svg: true; .box { //モダンブラウザ用グラデーション @…FontAwesomeで作るロード表示
サンプルはこちら。 See the Pen FKlpr by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. HTML <div class="loading&qu…CSSだけで台形を作る
サンプルはこちら。 See the Pen isLdJ by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. 一つのタグにCSSだけで台形を作っています。 CSS .daikei …Sass：extendでベンダープレフィクス要素を削減する
Sassのextendを使った記法を広めたいのでまたまた応用方法をご紹介します。 改善前CSS .box1 { width: 300px; padding: 10px; -webkit-box-sizing: borde…