CSS インライン化
埋め込み CSS と貼り付けた単純な CSS を優先度、順序、!important に従い HTML style 属性へ変換します。結果はテキストのみでプレビューしません。
CSS インライン化
要素名、.クラス、#ID の単純な複合セレクターとカンマ区切りのみ（p.note、#title 等）。結合子、疑似クラス、属性、at-rule、ネスト、カスタムプロパティ、ショートハンドは未対応で変換を拒否します。入力100,000文字、2,000要素、500ルール、ルール間の合計一致5,000要素まで。埋め込み style の後に追加 CSS を適用します。インラインが優先しますが重要なルールは通常のインラインを上書きします。HTML は不活性 template 内で解析し実行しません。結果は未サニタイズなので使用前に確認してください。外部 CSS は読み込みません。 HTML 断片のみ対応し、完全な HTML 文書と入れ子の template は拒否します。ブラウザーがマークアップを正規化する場合があります。列挙したプロパティのみ対応し、CSS 変数とセミコロン、波括弧、@ を含む値は拒否します。
対応 CSS プロパティ
color, background-color, font-size, font-family, font-weight, font-style, line-height, text-align, text-decoration-line, text-decoration-color, text-decoration-style, letter-spacing, word-spacing, display, width, height, max-width, min-width, max-height, min-height, vertical-align, opacity, white-space, border-collapse, border-spacing, list-style-type, list-style-position; margin-top/right/bottom/left; padding-top/right/bottom/left; border-top/right/bottom/left-width/style/color
準備完了。入力はこのブラウザー内に留まります。
使い方
使い方
- HTML と任意の CSS を貼り付けます。
- 対応ルールをインライン化します。
- HTML テキストをコピーして確認します。
CSS インライン化
要素名、.クラス、#ID の単純な複合セレクターとカンマ区切りのみ（p.note、#title 等）。結合子、疑似クラス、属性、at-rule、ネスト、カスタムプロパティ、ショートハンドは未対応で変換を拒否します。入力100,000文字、2,000要素、500ルール、ルール間の合計一致5,000要素まで。埋め込み style の後に追加 CSS を適用します。インラインが優先しますが重要なルールは通常のインラインを上書きします。HTML は不活性 template 内で解析し実行しません。結果は未サニタイズなので使用前に確認してください。外部 CSS は読み込みません。 HTML 断片のみ対応し、完全な HTML 文書と入れ子の template は拒否します。ブラウザーがマークアップを正規化する場合があります。列挙したプロパティのみ対応し、CSS 変数とセミコロン、波括弧、@ を含む値は拒否します。
よくある質問
あわせて知りたいこと
対応範囲と制限は？
要素名、.クラス、#ID の単純な複合セレクターとカンマ区切りのみ（p.note、#title 等）。結合子、疑似クラス、属性、at-rule、ネスト、カスタムプロパティ、ショートハンドは未対応で変換を拒否します。入力100,000文字、2,000要素、500ルール、ルール間の合計一致5,000要素まで。埋め込み style の後に追加 CSS を適用します。インラインが優先しますが重要なルールは通常のインラインを上書きします。HTML は不活性 template 内で解析し実行しません。結果は未サニタイズなので使用前に確認してください。外部 CSS は読み込みません。 HTML 断片のみ対応し、完全な HTML 文書と入れ子の template は拒否します。ブラウザーがマークアップを正規化する場合があります。列挙したプロパティのみ対応し、CSS 変数とセミコロン、波括弧、@ を含む値は拒否します。