"css"相关教程
[HTML] Style backgroundRepeat 属性
HTMLDOMStyle对象定义和用法backgroundRepeat属性设置或返回如何重复(平铺)背景图像。另请参阅:HTML样式:background属性CSS教程:CSS背景CSS3教程:CSS3背景CSS参考手册:background-repeat属性实例例子1将背景图像设置为不重复(no-repeat):document.body.style.backgroundRepeat = "repeat-y";亲自试一试例子2更改指定...
CSS选择器参考手册实例选择鼠标指针浮动在其上的元素,并设置其样式:a:hover{ background-color:yellow;}亲自试一试浏览器支持表格中的数字注明了完全支持该属性的首个浏览器版本。选择器ChromeIEFirefoxSafariOpera:hover4.07.02.03.19.6定义和用法:hover选择器用于选择鼠标指针浮动在上面的元素。提示::hover选择器可用于所有元素,不只是链接。提示::link选择器设置指向未被访问页面的链接的...
[HTML] Style backgroundSize 属性
HTMLDOMStyle对象定义和用法backgroundSize属性设置或返回背景图像的大小。另请参阅:HTML样式:background属性CSS教程:CSS背景CSS3教程:CSS3背景CSS参考手册:background-size属性实例规定背景图像的大小:document.getElementById("myDIV").style.backgroundSize = "60px 120px";亲自试...
[HTML] HTML DOM AnimationEvent
DOM事件 - Event对象AnimationEvent对象CSS动画运行时发生的事件属于AnimationEvent对象。Animation事件属性和方法属性/方法描述animationName返回动画的名称。elapsedTime返回动画已运行的秒数。pseudoElement返回动画的伪元素的名称。继承的属性和方法AnimationEvent从该对象继承了所有的属性和方法:Event对象事件类型这些事件类型属于AnimationEvent对象:事件...
CSS选择器参考手册实例仅当<input>元素的值“在范围内”时,才选择元素并设置样式:input:in-range { border: 2px solid yellow;}亲自试一试定义和用法:in-range选择器用于选择值在指定范围内的所有元素。注释::in-range选择器仅适用于带有min和/或max属性的input元素!提示:使用:out-of-range...
[HTML] Style backfaceVisibility 属性
HTMLDOMStyle对象定义和用法backfaceVisibility属性定义当元素不面向屏幕时是否可见。当元素旋转并且您不想看到它的背面时,此属性很有用。另请参阅:CSS参考手册:backface-visibility属性实例隐藏被旋转的div元素的背面:document.getElementById("myDIV").style.backfaceVisibility = "hidden";亲自试一试语法返回b...
[HTML] HTML DOM Document querySelector() 方法
HTMLDOMDocuments定义和用法querySelector()方法返回与CSS选择器匹配的第一个元素。如需返回所有匹配项(不仅是第一个匹配项),请改用querySelectorAll()。如果选择器无效,则querySelector()和querySelectorAll()都会抛出SYNTAX_ERR异常。实例例子1获取第一个<p>元素:document.querySelector("p");亲自试一试例子2获取class="...
CSS选择器参考手册实例仅在<input>元素的值无效时选择元素并设置样式:input:invalid { border: 2px solid red;}亲自试一试定义和用法:invalid选择器用于选择值无效的表单元素,其值根据元素设置未通过验证。注释::invalid选择器仅适用于有限制的表单元素,例如带有min和max属性的输入元素,没有合法电子邮件的email字段或没有数值的numb...
HTMLDOMStyle对象定义和用法borderBottom属性以简写形式设置或返回最多三个单独的border-bottom属性。使用此属性,您可以设置/返回以下一项或多项(以任意顺序):border-bottom-widthborder-bottom-styleborder-bottom-color另请参阅:CSS教程:CSS边框CSS参考手册:border-bottom属性HTMLDOM参考手册:border属性实例例子1为<div>元素添加下边框:docu...
[HTML] HTML DOM Document querySelectorAll() 方法
HTMLDOMDocuments定义和用法querySelectorAll()方法返回与CSS选择器匹配的所有元素。querySelectorAll()方法返回的是NodeList。如果选择器无效,则querySelectorAll()方法会抛出SYNTAX_ERR异常。实例例子1选择所有带有class="example"的元素:document.querySelectorAll(".example");亲自试一试例子2为第一个<...
jQuery遍历参考手册实例选择所有段落,找到这些段落中的span元素,然后将它们恢复为段落,并把段落设置为两像素的红色边框:$("p").find("span").end().css("border", "2px red solid");亲自试一试定义和用法end()方法结束当前链条中的最近的筛选操作,并将匹配元素集还原为之前的状态。语法.end()详细说明大多数j...
CSS选择器参考手册实例选择带有以"en"开头的lang属性值的每个<p>元素,并设置其样式:p:lang(en){ background:yellow;}亲自试一试浏览器支持表格中的数字注明了完全支持该属性的首个浏览器版本。选择器ChromeIEFirefoxSafariOpera:lang4.08.02.03.19.6注释:对于IE8中的:lang,必须声明<!DOCTYPE>。定义和用法:lang选择器用于选取带有以...
[HTML] Style borderBottomColor 属性
HTMLDOMStyle对象定义和用法borderBottomColor属性设置或返回元素下边框的颜色。另请参阅:CSS教程:CSS边框CSS参考手册:border-bottom-color属性HTMLDOM参考手册:border属性实例例子1将<div>元素下边框的颜色更改为红色:document.getElementById("myDiv").style.borderBottomColor = "red&quo...
CSS选择器参考手册实例指定属于其父元素的最后一个子元素的p元素的背景色:p:last-child{ background:#ff0000;}亲自试一试浏览器支持表格中的数字注明了完全支持该属性的首个浏览器版本。选择器ChromeIEFirefoxSafariOpera:last-child4.09.03.53.29.6定义和用法:last-child选择器匹配属于其父元素的最后一个子元素的每个元素。提示:p:last-child等同于p:nth-last-chil...
[HTML] Style borderBottomLeftRadius 属性
HTMLDOMStyle对象定义和用法borderBottomLeftRadius属性设置或返回左下角边框的形状。提示:此属性允许您为元素添加圆角边框!另请参阅:CSS参考手册:border-bottom-left-radius属性实例在div元素的左下角添加圆角边框:document.getElementById("myDIV").style.borderBottomLeftRadius = "25px";亲自试一...