背景の検出

選択した要素の背景色を検出し、出力コードに適用します。

デフォルト値: オン

divmagic-detect-background

背景の検出オン

このオプションは、DivMagic で選択した要素の背景色を検索し、それを出力コードに適用します。

背景色を持つ要素をコピーする場合、その色は親から取得される可能性があります。

DivMagic は、親ではなく、選択した要素をコピーします。したがって、背景色を持つ要素を選択しても、その背景色が親から取得されている場合、DivMagic は背景色をコピーしません。

DivMagic に背景色をコピーさせたい場合は、このオプションをオンにできます。

これは、ダーク モードを備えた Web サイトから要素をコピーする場合に非常に便利です。

現実世界の例

Tailwind CSS Web サイトを見てみましょう。

tailwind-website

ウェブサイト全体がダークモードになっています。背景は body 要素から取得されます。

背景検出をオフにしてコピーする

背景の検出をオフにしてヒーロー セクションをコピーすると、次の結果になります。

tailwind-website-no-background

背景色は親要素から取得されているため、コピーされません。

背景の検出をオンにしてコピーする

背景の検出をオンにしてヒーロー セクションをコピーすると、次の結果になります。

tailwind-website-background

[背景の検出] がオンになっているため、背景色がコピーされます。

© 2024 DivMagic, Inc. 全著作権所有。