css– tag –

CSSで絶対配置の要素、position: absolute; を親要素に対して、中央に配置する方法です。 対象の要素のサイズが固定されていない時は、transform を使う方法が手軽で便利です。transform で要素の中心点をずらして中央にするイメージです。 下記の様にする...

【CSSグラデーションジェネレータ―】 CSSグラデーションジェネレータ―へ 【画像トリミングツール】 画像トリミングツールへ

スマホなどのモバイル端末ではどうしても幅が小さく、画面に収めようとすると、表のバランスが崩れてしまいます。 比較表などでよく見かける、テーブルをスクロールできるようにするためのコードを紹介します。 【HTML】 テーブルタグをdivなどのボックス...

CSSで、要素の3つごと目だけ、スタイルを適用したいことがあります。 その場合は下記のようなCSSを加えます。 下記コードは、同じ親要素の子要素で、指定したクラスに一致するものの3つごとを選択します。 [crayon-684f43f964133924760457/] 単純にクラス...

【改行を禁止する】 このプロパティを適用することで、テキストはコンテナの幅を超えても改行されず、一行に収まります。テキストを一行に保持したい時に便利ですが、テキストが長い場合、親要素をはみ出しますので注意も必要です。 [crayon-684f43f964c0c...