Les partenaires publicitaires:

Comment retourner horizontale à la verticale en html

La plupart des pages Web sont, logiquement, formatés à lire de gauche à droite et de haut en bas. Mais pour certaines conceptions, il est utile de pouvoir disposer de texte en cours d'exécution sur le côté, soit à partir du bas de l'écran vers le haut ou du haut vers le bas. Il est simple à imiter cet effet en utilisant graphiques des textes, mais vous perdez une partie du potentiel dynamique de champs de texte ainsi que la possibilité de copier et coller le texte renversé dans d'autres champs de texte. Un moyen existe pour retourner le texte de l'horizontale à la verticale en utilisant le codage HTML.

Instructions

  1. Placez le texte que vous souhaitez retourner dans une balise span.

    Exemple: Texte Flipped

  2. Insérer un Webkit commande de transformation de retourner le texte pour les utilisateurs de Safari. Utilisation -90 à avoir le texte en cours d'exécution à partir du bas de l'écran vers le haut, et 90 que le texte en cours d'exécution à partir du haut vers le bas. Utilisez une virgule pour séparer cette commande à partir des commandes spécifiques aux navigateurs suivants.




    Exemple:

    Texte Flipped

  3. Insérer un deuxième transformation du code en utilisant le préfixe spécifique au navigateur de Mozilla.

    Exemple:



    Texte Flipped

  4. Insérez un filtre BasicImage de retourner le texte pour les utilisateurs d'Internet Explorer. Dans ce cas, la valeur de rotation 3 se déroulera le texte de bas en haut, et 1 se déroulera le texte de haut en bas.

    Exemple:

    Texte Flipped

Conseils Avertissements

  • Testez votre code dans autant de navigateurs que possible pour vous assurer que vous avez raison. Bien qu'il y ait quelques modifications mineures d'un navigateur à, cette configuration fait en sorte que le plus grand nombre de navigateurs possibles, voir le texte que vous voulez qu'il soit vu.
  • Utiliser retourné texte avec parcimonie. Les navigateurs plus anciens peuvent ne pas rendre correctement, et aucune méthode actuelle existe pour les retournements de texte dans les navigateurs Netscape à tous.
» » » » Comment retourner horizontale à la verticale en html