対応しているブラウザは？

Chrome、Safari、Firefox、Edgeなど主要モダンブラウザの最新版で動作確認しています。Internet Explorerや極端に古いバージョンは対象外です。

入力したデータはサーバーに送信されますか？

いいえ。CSSプロパティ辞典はすべての処理をお使いのブラウザ内で完結させます。入力内容がサーバーに送信されたり保存されたりすることはありません。

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

CSSプロパティ辞典

CSSの主要プロパティの一覧とカテゴリ別分類を表示する無料オンラインツール。CSSプロパティ辞典をブラウザ上で即座に実行でき、デザイン・CSSとして登録不要で利用できます。

入力

結果

--- テキスト ---
color font-size font-weight font-family
text-align text-decoration text-transform
letter-spacing line-height word-spacing
text-overflow white-space word-break

--- ボックス ---
width height margin padding
border border-radius
box-sizing box-shadow
overflow display

--- レイアウト ---
position top right bottom left z-index
float clear
flex flex-direction justify-content align-items
grid grid-template-columns gap

--- 背景 ---
background background-color background-image
background-size background-position
background-repeat background-attachment

--- 変形/動き ---
transform translate rotate scale
transition transition-duration
animation @keyframes
opacity visibility

--- その他 ---
cursor pointer-events user-select
filter backdrop-filter
clip-path object-fit
aspect-ratio container-type
scroll-snap-type will-change

FAQ

よくある質問

CSSプロパティ辞典の出力はChrome、Safari、Firefox、Edgeの最新版で動作します。古いブラウザ対応が必要な場合はCaniuse.comで各プロパティの対応状況を確認してください。

こちらもおすすめ

CSSセレクタ参照

CSSセレクタの一覧と優先度。基本からnth-child等の擬似クラスまで網羅した無料オンラインツール。

CSS角度単位

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

animation-direction

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

animation-fill-mode

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

border-radiusジェネレーター

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

Box Shadow生成

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

読み込み中...