Accueil Médias sociaux Conversion des noms de propriété CSS en JavaScript - dummies

Conversion des noms de propriété CSS en JavaScript - dummies

Vidéo: Exercice JavaScript 5 : Première lettre en Majuscule 2025

Vidéo: Exercice JavaScript 5 : Première lettre en Majuscule 2025
Anonim

Partie de JavaScript pour les enfants pour les nuls Triche

Vous pouvez convertir les noms de propriété CSS en JavaScript. Cependant, il y a quelques points à retenir si vous envisagez de le faire. Lorsque vous modifiez des styles avec JavaScript, il existe quelques règles simples:

  • Si la propriété CSS est un mot (tel que height), il reste tel quel.

  • Si la propriété CSS contient plus d'un mot, séparé par des tirets, il est converti en camelCase.

Voici une référence complète des conversions de noms de propriétés CSS à JavaScript.

Propriété CSS Référence JavaScript
arrière-plan arrière-plan
arrière-plan arrière-plan
arrière-plan arrière-plan
arrière-plan arrière-plan > background-position
backgroundPosition background-repeat
backgroundRepeat bordure
bordure border-bas
borderBottom border-bottom-couleur
borderBottomColor > border-bottom-style borderBottomStyle
border-bottom-largeur borderBottomWidth
border-color borderCouleur
border-left borderLeft
border-left-color borderLeftColor
border-left-style borderLeftStyle
border-left-largeur borderLeftWidth
bordure-droite borderRight
border-right-color borderRightColor
border-right-style borderRightStyle
border-right-width borderRightWidth
border-style borderStyle
border-top borderTop
border-top -color borderTopColor
border-top-style borderTopStyle
border-t op-width borderTopWidth
bordure-largeur borderWidth
effacer effacer
clip clip
couleur couleur
curseur curseur < afficher
afficher filtrer
filtrer float
cssFloat police
police font-family
fontFamily font-size
fontSize font-variant
fontVariant font-weight
fontWeight hauteur
hauteur left
left espacement des lettres
letterSpacing line-height
lineHeight list-style
listStyle list-style-image
listStyleImage list-style-position
listStylePosition list-style-type < listStyleType
marge marge
marge-bas marge-marge
marge-gauche marge-gauche
marge-droite marge-droite
marge-supérieure marginTop
overflow overflow
padding padding
padding-bottom paddingBottom
padding-left paddingLeft
padding-right paddingRight
padding-top paddingTop
page-break-after pageBreakAfter
page-brea k-before pageBreakBefore
position position
text-align textAlign
text-decoration textDecoration
text-decoration: blink textDecorationBlink
text-decoration: interligne textDecorationLineThrough
text-decoration: none textDecorationNone
text-decoration: overline textDecorationOverline
text-decoration: souligner textDecorationUnderline
text-indent textIndent
text-transform textTransform
début début
vertical-alignement verticalAlign
visibilité visibilité
largeur width
z-index zIndex
Conversion des noms de propriété CSS en JavaScript - dummies

Le choix des éditeurs

Comment détecter les atteintes à la sécurité sur vos fichiers journaux Web hébergés - dummies

Comment détecter les atteintes à la sécurité sur vos fichiers journaux Web hébergés - dummies

Grande question est toujours sur la sécurité. Comment pouvez-vous repérer les failles de sécurité hébergées sur le Web pour protéger votre site et garantir qu'il ne sera pas piraté? La réponse courte est la suivante: Vous ne pouvez pas. Tout est piratable avec suffisamment de temps, des cerveaux sournois et des ressources. Cependant, il y a des choses que vous pouvez faire pour vous protéger un peu. ...

Comment utiliser MySQL Workbench pour votre site Web - dummies

Comment utiliser MySQL Workbench pour votre site Web - dummies

Bien que phpMyAdmin et d'autres outils d'hébergement Web Pour gérer les bases de données, il est possible que vous ayez besoin de quelque chose de plus puissant. MySQL Workbench est une bonne source dans cette instance. MySQL Workbench est un outil de conception et d'administration de base de données gratuit créé par Oracle qui réunit deux produits: MySQL Query Browser et MySQL ...

Le choix des éditeurs

Comment mettre du texte sur un cercle dans QuarkXPress - texte fictif

Comment mettre du texte sur un cercle dans QuarkXPress - texte fictif

Sur un cercle - c'est-à-dire texte suivant l'extérieur d'un cercle ou ovale - est un élément de conception commun dans les mises en page. C'est vraiment facile à faire dans QuarkXPress, mais ce n'est pas du tout évident comment. Procédez comme suit: Obtenez l'outil Ovale de la palette Outils et dessinez ...

ÉChanges peer-to-peer par rapport aux échanges Bitcoin réguliers - mannequins

ÉChanges peer-to-peer par rapport aux échanges Bitcoin réguliers - mannequins

Deux types d'échanges de bitcoins sont utilisés : peer-to-peer et régulier. D'une part, il y a les échanges de bitcoins réguliers, qui utilisent un carnet de commandes pour faire correspondre les ordres d'achat et de vente entre les personnes. Cependant, ni l'acheteur ni le vendeur n'ont la moindre idée de l'identité de l'autre partie, ce qui permet à tous les utilisateurs ...

L'interface d'application QuarkXPress - les nuls

L'interface d'application QuarkXPress - les nuls

Les palettes visibles à gauche, à droite et en bas de QuarkXPress sont flottantes - vous pouvez les faire glisser n'importe où qui vous convient. Contrairement aux palettes, les menus de la barre de menu sont collés: vous devez toujours passer la souris à la barre de menu pour y accéder. Cependant, ...

Le choix des éditeurs

Sept erreurs d'optimisation de moteur de recherche - nuls

Sept erreurs d'optimisation de moteur de recherche - nuls

Lorsque vous essayez d'obtenir votre site Web, c'est facile de faire des erreurs d'optimisation de moteur de recherche. Voici quelques-unes des erreurs de référencement les plus courantes. Vous ne connaissez pas vos mots-clés C'est également un problème majeur: la grande majorité des sites sont créés sans que les propriétaires ou les développeurs du site ne sachent vraiment ce que sont les mots-clés ...

Soumission de pages aux moteurs de recherche pour l'optimisation - dummies

Soumission de pages aux moteurs de recherche pour l'optimisation - dummies

Vous avez probablement vu "soumission "Services annoncés pour le référencement, peut-être sous la forme de spam dans votre boîte de réception, offrant de soumettre votre site Web à des centaines de moteurs de recherche, encore et encore. Dans la plupart des cas, ces services de soumission sont une perte totale de temps et d'argent. Voici comment obtenir votre site Web dans les moteurs de recherche. You ...

Six mythes À propos de Search Engine Optimization - mannequins

Six mythes À propos de Search Engine Optimization - mannequins

Il existe une grande confusion dans le monde des moteurs de recherche. beaucoup de mythes. Voici quelques-uns des mythes communément crus qui peuvent nuire à vos positions de moteur de recherche. Tout est une question de métabalises et de soumissions. C'est le mythe le plus répandu et le plus préjudiciable de tous, tenu par de nombreux concepteurs et développeurs Web. ...