js控制CSS样式属性语法对照表
来源:互联网 发布:部落冲突龙升级数据 编辑:程序博客网 时间:2024/06/05 13:33
CSS与JS紧密配合,为我们的页面增添了很多别致的效果。为了达到某种特殊的效果我们需要用Javascript动态的去更改某一个标签的CSS属性。
例如常用的关闭某个漂浮的广告显示:document.getElementById('ad').style.display='none';相当于:.ad{ display:none}.
下面就是JS 控制CSS样式表的语法对照:
CSS语法 (不区分大小写)JavaScript语法 (区分大小写)borderborderborder-bottomborderBottomborder-bottom-colorborderBottomColorborder-bottom-styleborderBottomStyleborder-bottom-widthborderBottomWidthborder-colorborderColorborder-leftborderLeftborder-left-colorborderLeftColorborder-left-styleborderLeftStyleborder-left-widthborderLeftWidthborder-rightborderRightborder-right-colorborderRightColorborder-right-styleborderRightStyleborder-right-widthborderRightWidthborder-styleborderStyleborder-topborderTopborder-top-colorborderTopColorborder-top-styleborderTopStyleborder-top-widthborderTopWidthborder-widthborderWidthclearclearfloatfloatStylemarginmarginmargin-bottommarginBottommargin-leftmarginLeftmargin-rightmarginRightmargin-topmarginToppaddingpaddingpadding-bottompaddingBottompadding-leftpaddingLeftpadding-rightpaddingRightpadding-toppaddingTopbackgroundbackgroundbackground-attachmentbackgroundAttachmentbackground-colorbackgroundColorbackground-imagebackgroundImagebackground-positionbackgroundPositionbackground-repeatbackgroundRepeatcolorcolordisplaydisplaylist-style-typelistStyleTypelist-style-imagelistStyleImagelist-style-positionlistStylePositionlist-stylelistStylewhite-spacewhiteSpacefontfontfont-familyfontFamilyfont-sizefontSizefont-stylefontStylefont-variantfontVariantfont-weightfontWeightletter-spacingletterSpacingline-breaklineBreakline-heightlineHeighttext-aligntextAligntext-decorationtextDecorationtext-indenttextIndenttext-justifytextJustifytext-transformtextTransformvertical-alignverticalAlign
例如常用的关闭某个漂浮的广告显示:document.getElementById('ad').style.display='none';相当于:.ad{ display:none}.
下面就是JS 控制CSS样式表的语法对照:
CSS语法 (不区分大小写)JavaScript语法 (区分大小写)borderborderborder-bottomborderBottomborder-bottom-colorborderBottomColorborder-bottom-styleborderBottomStyleborder-bottom-widthborderBottomWidthborder-colorborderColorborder-leftborderLeftborder-left-colorborderLeftColorborder-left-styleborderLeftStyleborder-left-widthborderLeftWidthborder-rightborderRightborder-right-colorborderRightColorborder-right-styleborderRightStyleborder-right-widthborderRightWidthborder-styleborderStyleborder-topborderTopborder-top-colorborderTopColorborder-top-styleborderTopStyleborder-top-widthborderTopWidthborder-widthborderWidthclearclearfloatfloatStylemarginmarginmargin-bottommarginBottommargin-leftmarginLeftmargin-rightmarginRightmargin-topmarginToppaddingpaddingpadding-bottompaddingBottompadding-leftpaddingLeftpadding-rightpaddingRightpadding-toppaddingTopbackgroundbackgroundbackground-attachmentbackgroundAttachmentbackground-colorbackgroundColorbackground-imagebackgroundImagebackground-positionbackgroundPositionbackground-repeatbackgroundRepeatcolorcolordisplaydisplaylist-style-typelistStyleTypelist-style-imagelistStyleImagelist-style-positionlistStylePositionlist-stylelistStylewhite-spacewhiteSpacefontfontfont-familyfontFamilyfont-sizefontSizefont-stylefontStylefont-variantfontVariantfont-weightfontWeightletter-spacingletterSpacingline-breaklineBreakline-heightlineHeighttext-aligntextAligntext-decorationtextDecorationtext-indenttextIndenttext-justifytextJustifytext-transformtextTransformvertical-alignverticalAlign
0 0
- js控制CSS样式属性语法对照表
- js控制CSS样式属性语法对照表
- JS控制CSS样式语法对照
- JS控制CSS样式语法对照
- JS控制CSS样式语法对照
- 原生JS控制CSS样式语法对照
- JS 控制CSS样式表的语法对照
- css js 语法 对照
- js修改CSS样式表代码_JavaScript CSS Style属性对照表
- JS 控制 Style(样式) 对照表
- 如何使用JS来改变CSS样式 -- 元素的样式属性名称在CSS和JS中的对照表
- js设置css样式对照表
- js设置css样式对照表
- JS 控制 CSS 样式表
- JS 控制CSS样式表
- JS和CSS属性对照表
- css与js属性对照表
- js和css属性对照表
- 2016年了
- IOS之数据持久化
- setsockopt用法详解
- Spring Rmi远程方法调用 例子2
- lombok 使用
- js控制CSS样式属性语法对照表
- cpp备忘摘录
- 最简短的js焦点图代码
- 将Github下载的项目导入android studio
- java 使用jedis 操作redis 时 方法说明
- 排名汇总 寻找大富翁 归并排序
- 工具:查看函数图象/SVG编辑/JSON->JAVA/Scalpel手机端三维视图/RxJava
- 基于图片驱动的C/S架构自动化测试技术 - Sikuli
- Maven管理Oracle JDBC驱动