La commande Copier CSS génère des propriétés de feuille de style en cascade (CSS) à partir de calques de forme ou de texte. Le code CSS est copié dans le Presse-papiers et peut être collé dans une feuille de style. Dans le cas des calques de forme, cette commande capture les valeurs correspondant aux paramètres suivants :

  • taille
  • position
  • couleur de contour
  • couleur de remplissage (dégradés compris)
  • ombre portée

  • Dans le cas des calques de texte, la commande Copier CSS capture également les valeurs suivantes :

    • famille de polices
    • corps de la police
    • graisse de la police
    • hauteur de ligne
    • souligné

    • barré
    • supérieur/exposant
    • inférieur/indice
    • alignement du texte


    La copie du code CSS à partir d’un groupe de calques contenant des formes ou du texte crée une classe pour chaque calque, ainsi qu’une classe de groupe. La classe de groupe représente une balise div parente contenant des balises div enfants qui correspondent aux calques dans le groupe. Les valeurs supérieures/gauche pour les balises div enfants sont en rapport à la balise div parent.

    Remarque :

    la commande Copier CSS ne fonctionne pas avec les objets dynamiques ni lors de la sélection de plusieurs calques de forme/texte qui ne sont pas groupés.

    1. Dans le panneau Calques, utilisez l’une des méthodes suivantes :

      • Cliquez avec le bouton droit sur un calque de forme/texte ou sur un groupe de calques et choisissez Copier CSS dans le menu contextuel.
      • Sélectionnez un calque de forme/texte ou un groupe de calques et choisissez Copier CSS dans le menu du panneau Calques.
    2. Collez le code dans votre document de feuille de style.

    Pour plus d’informations sur la création de pages web dans Photoshop, voir Découpage en tranches des pages web.

    Ce produit est distribué sous licence Creative Commons Attribution - Pas d’utilisation commerciale - Partage à l’identique 3.0 non transposé  Les publications Twitter™ et Facebook ne sont pas couvertes par les dispositions Creative Commons.

    Mentions légales   |   Politique de confidentialité en ligne