CSS をコピーを使用すると、シェイプまたはテキストのレイヤーからカスケーディングスタイルシート(CSS)プロパティが生成されます。CSS はクリップボードにコピーされるので、スタイルシートにペーストできます。シェイプの場合は、次の値をキャプチャします。

  • サイズ
  • 位置
  • 線のカラー
  • 塗りのカラー(グラデーションを含む)
  • ドロップシャドウ

  • テキストレイヤーの場合、CSS をコピーする では次の値がキャプチャされます。

    • フントファミリー
    • フォントサイズ
    • フォント線幅
    • ラインの高さ
    • 下線

    • 打ち消し線
    • 上付き文字
    • 下付き文字
    • テキスト揃え


    シェイプまたはテキストを含むレイヤーグループから CSS をコピーすると、各レイヤーのクラスだけでなく、グループクラスも作成されます。グループクラスは、グループ内のレイヤーに対応する子 div を含む親 div を表しています。子 div の上/左の値は、親 div に関連しています。

    注意:

    「CSS をコピー」コマンドは、スマートオブジェクトに対して機能せず、グループ化されていない複数のシェイプ/テキストのレイヤーを選択した場合も機能しません。

    1. レイヤーパネルで、次のいずれかの操作を行います。

      • シェイプ/テキストのレイヤーまたはレイヤーグループを右クリックして、コンテキストメニューから「CSS をコピー」を選択します。
      • シェイプ/テキストのレイヤーまたはレイヤーグループを選択して、レイヤーパネルメニューから「CSS をコピー」を選択します。
    2. スタイルシートドキュメントにコードをペーストします。

    Photoshop での Web ページの作成について詳しくは、Web ページのスライスを参照してください。

    本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

    法律上の注意   |   プライバシーポリシー