読み込み中...

デザイン・CSS無料登録不要

CSS object-fit値

CSS object-fit値を表示する無料オンラインツール。CSS object-fit値をブラウザ上で即座に実行でき、デザイン・CSSとして登録不要で利用できます。

項目	内容
fill	引き伸ばし
contain	内側フィット
cover	カバー
none	リサイズなし
scale-down	縮小のみ

FAQ

よくある質問

はい。CSS object-fit値が出力するCSSはTailwind CSSの任意のクラスと共存でき、必要に応じて任意値クラス（[xxx]記法）への変換も可能です。

関連ツール

こちらもおすすめ

CSS cursor値一覧

CSS cursor値一覧を表示する無料オンラインツール。CSS cursor値一覧をブラウザ上で即座に実行でき、デザイン・CSSとして登録不要で利用できます。

CSS display値一覧

CSS display値一覧を表示する無料オンラインツール。CSS display値一覧をブラウザ上で即座に実行でき、デザイン・CSSとして登録不要で利用できます。

CSS font-style値

CSS font-style値を表示する無料オンラインツール。CSS font-style値をブラウザ上で即座に実行でき、デザイン・CSSとして登録不要で利用できます。

CSS font-weight値

CSS font-weight値を表示する無料オンラインツール。CSS font-weight値をブラウザ上で即座に実行でき、デザイン・CSSとして登録不要で利用できます。

border-radiusジェネレーター

CSSのborder-radiusをGUIで視覚的に調整。4隅個別・楕円形の角丸にも対応。コードをコピーしてすぐ使える無料オンラインツール。

Box Shadow生成

CSS box-shadowをGUIで直感的に作成。多重シャドウ、ニューモーフィズム、テキストシャドウにも対応。コード即コピーの無料ツール。