CSS 一覧

スマホ(Android/iOS)のハイライトカラーを「無効」にする

スマホ(Android/iOS)のハイライトカラーを「無効」にする

タップしたときに、クリッカブルなエリアだと、iOSではグレーの影がつき、Androidではオレンジの枠がつく。 スマホ(Android...

記事を読む

「tableのtheadを固定したままスクロールしたい」と思った

「tableのtheadを固定したままスクロールしたい」と思った

メモを残していたものをとりあえず、貼り付けておきます。 THEADを固定したままスクロールする方法としてTBODY要素に「overfl...

記事を読む

CSSでtableの一部の行だけ線の種類を変える

CSSでtableの一部の行だけ線の種類を変える

サンプルでは見出しの下の線を二重線にしています。 trにclassを設定するだけで対応するために、trに設定したclassにt...

記事を読む

jQueryのAjax初期設定でローディング画像の表示をコントロール

jQueryのAjax初期設定でローディング画像の表示をコントロール

「Ajaxの通信を始める前にローディング画像を出して、alwaysで画像を消すというのをすべての通信時にやるのであれば、$.ajaxSe...

記事を読む

cssで天地左右中央

cssで天地左右中央

高さの分からない要素をCSSで天地中央に配置(IE9対応)と横のマージンをautoにすることで対応完了かと思いきや、なんだか左上寄せ...

記事を読む

高さの分からない要素をCSSで天地中央に配置(IE9対応)

高さの分からない要素をCSSで天地中央に配置(IE9対応)

IE9にも対応しています。 この場合、.boxの方に高さやらボーダーやらが指定されてるのが前提ですね。デフォルトのdivで...

記事を読む

box-sizing

box-sizing

いつも検索してしまうので、自分のところに書いておくことにします。 これでwidthにpaddingとborderが含まれます。

記事を読む

CSSのグラデーションはジェネレータを頼る

CSSのグラデーションはジェネレータを頼る

FirefoxやChromeに色を拾うプラグインColorZillaがありますが、このツールにCSSのグラデーションの記述を助けてく...

記事を読む

テキスト選択をさせないCSS

テキスト選択をさせないCSS

対処法からいうと、IE10以降とFirefox・ChromeはCSSで対応し、IE8-9はHTMLの属性で対応します。IE8...

記事を読む

NO IMAGE

divの中に高さの低い画像を入れるとできる空白

HTML3のときのクセで、テーブルの中にフッター用の画像を入れる要領で、divのなかにimgを入れたら妙な隙間が・・・。 どうやら、d...

記事を読む