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

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

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

  • フントファミリー
  • フォントサイズ
  • フォント線幅
  • ラインの高さ
  • 下線
  • 打ち消し線
  • 上付き文字
  • 下付き文字
  • テキスト揃え

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

注意:

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

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

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

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