Maison interface Web js tutoriel js控制CSS样式属性语法对照表_基础知识

js控制CSS样式属性语法对照表_基础知识

May 16, 2016 pm 05:47 PM
语法

CSS与JS紧密配合,为我们的页面增添了很多别致的效果。为了达到某种特殊的效果我们需要用Javascript动态的去更改某一个标签的CSS属性。

例如常用的关闭某个漂浮的广告显示:document.getElementById('ad').style.display='none';相当于:.ad{ display:none}.

下面就是JS 控制CSS样式表的语法对照

CSS语法 (不区分大小写) JavaScript语法 (区分大小写
border border 
border-bottom borderBottom 
border-bottom-color borderBottomColor 
border-bottom-style borderBottomStyle 
border-bottom-width borderBottomWidth 
border-color borderColor 
border-left borderLeft 
border-left-color borderLeftColor 
border-left-style borderLeftStyle 
border-left-width borderLeftWidth 
border-right 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-top-width borderTopWidth 
border-width borderWidth 
clear clear 
float floatStyle 
margin margin 
margin-bottom marginBottom 
margin-left marginLeft 
margin-right marginRight 
margin-top marginTop 
padding padding 
padding-bottom paddingBottom 
padding-left paddingLeft 
padding-right paddingRight 
padding-top paddingTop
background background 
background-attachment backgroundAttachment 
background-color backgroundColor 
background-image backgroundImage 
background-position backgroundPosition 
background-repeat backgroundRepeat 
color color 
display display 
list-style-type listStyleType 
list-style-image listStyleImage 
list-style-position listStylePosition 
list-style listStyle 
white-space whiteSpace 
font font 
font-family fontFamily 
font-size fontSize 
font-style fontStyle 
font-variant fontVariant 
font-weight fontWeight 
letter-spacing letterSpacing 
line-break lineBreak 
line-height lineHeight 
text-align textAlign 
text-decoration textDecoration 
text-indent textIndent 
text-justify textJustify 
text-transform textTransform 
vertical-align verticalAlign
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment transformer rapidement votre code Python en API Comment transformer rapidement votre code Python en API Apr 14, 2023 pm 06:28 PM

Lorsqu'il s'agit de développement d'API, vous pouvez penser à DjangoRESTFramework, Flask et FastAPI. Oui, ils peuvent être utilisés pour écrire des API. Cependant, le framework partagé aujourd'hui vous permet de convertir plus rapidement les fonctions existantes en API. Introduction à Sanic Sanic[1] est un serveur Web Python3.7+ et un framework Web conçus pour améliorer les performances. Il permet l'utilisation de la syntaxe async/await ajoutée dans Python 3.5, qui peut efficacement éviter le blocage et améliorer la vitesse de réponse. Sanic s'engage à fournir un moyen simple et rapide de créer et de lancer

Nouvelle syntaxe d'alias de type dans PHP8.0 Nouvelle syntaxe d'alias de type dans PHP8.0 May 14, 2023 pm 02:21 PM

Avec la sortie de PHP 8.0, une nouvelle syntaxe d'alias de type a été ajoutée, facilitant l'utilisation de types personnalisés. Dans cet article, nous examinerons de plus près cette nouvelle syntaxe et son impact sur les développeurs. Qu'est-ce qu'un alias de type ? En PHP, un alias de type est essentiellement une variable qui fait référence au nom d'un autre type. Cette variable peut être utilisée comme n'importe quel autre type et déclarée n'importe où dans le code. La fonction principale de cette syntaxe est de définir des alias personnalisés pour les types couramment utilisés, rendant le code plus facile à lire et à comprendre.

Quelles sont les caractéristiques syntaxiques et structurelles des expressions lambda ? Quelles sont les caractéristiques syntaxiques et structurelles des expressions lambda ? Apr 25, 2024 pm 01:12 PM

L'expression Lambda est une fonction anonyme sans nom et sa syntaxe est la suivante : (parameter_list) -> expression. Ils présentent l’anonymat, la diversité, le curry et la fermeture. Dans des applications pratiques, les expressions Lambda peuvent être utilisées pour définir des fonctions de manière concise, comme la fonction de sommation sum_lambda=lambdax,y:x+y, et appliquer la fonction map() à la liste pour effectuer l'opération de sommation.

Syntaxe d'appel de classe parent en PHP8.0 Syntaxe d'appel de classe parent en PHP8.0 May 14, 2023 pm 01:00 PM

PHP est un langage de script côté serveur largement utilisé dans le développement Web, et la version PHP8.0 introduit une nouvelle syntaxe d'appel de classe parent pour rendre la programmation orientée objet plus pratique et concise. En PHP, nous pouvons créer une classe parent et une ou plusieurs sous-classes par héritage. Les sous-classes peuvent hériter des propriétés et des méthodes de la classe parent et peuvent modifier ou étendre leurs fonctionnalités en remplaçant les méthodes de la classe parent. Dans l'héritage PHP ordinaire, si nous voulons appeler la méthode de la classe parent dans la sous-classe, nous devons utiliser le mot-clé parent pour faire référence au parent

La connexion et la différence entre le langage Go et JS La connexion et la différence entre le langage Go et JS Mar 29, 2024 am 11:15 AM

La connexion et la différence entre le langage Go et le langage JS Go (également connu sous le nom de Golang) et JavaScript (JS) sont actuellement des langages de programmation populaires. Ils sont liés sous certains aspects et présentent des différences évidentes sous d'autres aspects. Cet article explorera les connexions et les différences entre le langage Go et JavaScript, et fournira des exemples de code spécifiques pour aider les lecteurs à mieux comprendre ces deux langages de programmation. Connexion : le langage Go et JavaScript sont multiplateformes et peuvent fonctionner sur différents systèmes d'exploitation.

Comprendre les unités de base du langage C Comprendre les unités de base du langage C Mar 21, 2024 pm 05:36 PM

Le langage C est un langage de programmation largement utilisé dans la programmation système et le développement de logiciels d'application. Ses unités de base comprennent principalement des variables, des types de données, des opérateurs, etc. Lors de l’apprentissage et de la compréhension des bases du langage C, la maîtrise de ces unités de base est particulièrement essentielle. Cet article présentera les unités de base du langage C à travers des exemples de code spécifiques pour aider les lecteurs à mieux comprendre. Tout d’abord, jetons un coup d’œil aux variables en langage C. Les variables sont utilisées pour stocker des données en langage C. Chaque variable a son propre type de données et peut stocker différents types de données, tels que des entiers et des virgules flottantes.

Quelle est la différence entre C et C++ ? Quelle est la différence entre C et C++ ? Aug 29, 2023 pm 11:53 PM

Le langage de programmation C C est un langage généraliste de haut niveau développé à l'origine par Dennis M. Ritchie des Bell Labs pour développer le système d'exploitation UNIX. C a été implémenté pour la première fois en 1972 sur l'ordinateur DECPDP-11. En 1978, Brian Kernighan et Dennis Ritchie ont produit la première description publique du C, désormais connue sous le nom de standard K&R. Le système d'exploitation UNIX, le compilateur C et presque toutes les applications UNIX sont écrits en C. Pour diverses raisons, le langage C est aujourd’hui devenu un langage professionnel largement utilisé. Un langage structuré est facile à apprendre. Il produit des programmes efficaces. Il peut gérer des activités de bas niveau.

L'utilisation et la syntaxe de l'opération d'exponentiation en langage C L'utilisation et la syntaxe de l'opération d'exponentiation en langage C Feb 18, 2024 pm 04:05 PM

Introduction à la syntaxe et à l'utilisation de l'opération de puissance en langage C : En langage C, l'opération de puissance (poweropération) est une opération mathématique courante, utilisée pour calculer la puissance d'un nombre. En langage C, nous pouvons utiliser des fonctions de bibliothèque standard ou des fonctions personnalisées pour implémenter des opérations d'exponentiation. Cet article présentera en détail la syntaxe et l'utilisation de l'opération d'exponentiation en langage C et fournira des exemples de code spécifiques. 1. Utilisez la fonction pow() dans math.h. En langage C, la fonction pow() est fournie dans la bibliothèque standard math.h pour l'exécution.

See all articles