読み込み中...

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

CSSメディア特性

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

Item	Description
width	幅
min-width	最小幅
max-width	最大幅
orientation	向き
aspect-ratio	比率
resolution	解像度
prefers-color-scheme	カラースキーム
prefers-reduced-motion	モーション低減
prefers-contrast	コントラスト
hover	ホバー可否
pointer	ポインタ種別

FAQ

よくある質問

はい。CSSメディア特性はレスポンシブ対応しており、iPhone・Android・タブレット・PCなど、モダンなブラウザを搭載した端末であればどこからでも利用できます。

関連ツール

こちらもおすすめ

CSSカーソル一覧

CSSのcursorプロパティで使えるカーソルスタイルの一覧。プレビュー付きの無料オンラインツール。

CSS list-style値

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

CSSメディアクエリ集

レスポンシブデザインに使う主要なCSSメディアクエリのテンプレート集。コピペで使える無料オンラインツール。

CSS角度単位

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

border-radiusジェネレーター

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

Box Shadow生成

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

CSS Media Features | Design & CSS | ToolShed | ToolShed