"css"相关教程
HTMLDOMStyle对象定义和用法visibility属性设置或返回元素是否应该可见。visibility属性允许作者显示或隐藏元素。该属性类似于display属性。但不同的是,如果设置display:none,它会隐藏整个元素,而visibility:hidden意味着元素的内容将不可见,但元素会保持其原始位置和大小。另请参阅:CSS教程:CSSDisplay和visibilityCSS参考手册:visibility属性实例例子1隐藏<p>元素的内容:doc...
围绕在元素边框的空白区域是外边距。设置外边距会在元素外创建额外的“空白”。设置外边距的最简单的方法就是使用margin属性,这个属性接受任何长度单位、百分数值甚至负值。CSSmargin属性设置外边距的最简单的方法就是使用margin属性。margin属性接受任何长度单位,可以是像素、英寸、毫米或em。margin可以设置为auto。更常见的做法是为外边距设置长度值。下面的声明在h1元素的各个边上设置了1/4英寸宽的空白:h1 {margin...
DOM事件 AnimationEvent定义和用法当CSS动画开始播放时,animationstart事件发生。如需有关CSS动画的更多知识,请学习我们的CSS3动画教程。当CSS动画播放时,可能会发生三个事件:animationstart-当CSS动画开始时发生animationiteration-当CSS动画重复时发生animationend-当CSS动画完成时发生实例当CSS动画开始时,对<div>元素做一些事情:var x =...
HTMLDOMStyle对象定义和用法whiteSpace属性设置或返回如何处理文本中的制表符、换行符和空格。另请参阅:CSS教程:CSS文本CSS参考手册:white-space属性实例例子1规定<div>元素中的文本永远不会换行:document.getElementById("myDIV").style.whiteSpace = "nowrap";亲自试一试例子2返回whiteSpace属性:ale...
HTMLDOMStyle对象定义和用法border属性以简写形式设置或返回最多三个单独的边框属性。通过此属性,您可以设置/返回以下一项或多项(以任意顺序):border-widthborder-styleborder-color另请参阅:CSS教程:CSS边框CSS参考手册:border属性实例例子1向<div>元素添加边框:document.getElementById("myDiv").style.border = &q...
HTMLDOMStyle对象定义和用法width属性设置或返回元素的宽度。width属性仅对块级元素或具有绝对或固定定位的元素有效。溢出的内容可以用overflow属性来处理。提示:请使用height属性设置或返回元素的高度。另请参阅:CSS教程:CSSDimensionCSS教程:CSS框模型CSS参考手册:width属性实例例子1设置<button>元素的宽度:document.getElementById("myBtn").style.w...
元素的内边距在边框和内容区之间。控制该区域最简单的属性是padding属性。CSSpadding属性定义元素边框与元素内容之间的空白区域。CSSpadding属性CSSpadding属性定义元素的内边距。padding属性接受长度值或百分比值,但不允许使用负值。例如,如果您希望所有h1元素的各边都有10像素的内边距,只需要这样:h1 {padding: 10px;}您还可以按照上、右、下、左的顺序分别设置各边的内边距,各边均可以使用不同的单位或百分比值:h...
HTMLDOMStyle对象定义和用法wordBreak属性规定非CJK脚本的换行规则。注释:CJK脚本是中文、日语和韩语(“CJK”)脚本。另请参阅:CSS参考手册:word-break属性实例在任意两个字母之间断词:document.getElementById("myDIV").style.wordBreak = "break-all";亲自试一试语法返回wordBreak属性:obje...
HTMLDOMStyle对象定义和用法wordSpacing属性设置或返回文本中的单词间距。提示:如需设置或返回文本中字符之间的间距,请使用letterSpacing属性。另请参阅:CSS教程:CSS文本CSS参考手册:word-spacing属性实例例子1将<p>元素中单词间距设置为50像素:document.getElementById("myP").style.wordSpacing = "50px"...
CSS定位(Positioning)属性允许你对元素进行定位。CSS定位和浮动CSS为定位和浮动提供了一些属性,利用这些属性,可以建立列式布局,将布局的一部分与另一部分重叠,还可以完成多年来通常需要使用多个表格才能完成的任务。定位的基本思想很简单,它允许你定义元素框相对于其正常位置应该出现的位置,或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。显然,这个功能非常强大,也很让人吃惊。要知道,用户代理对CSS2中定位的支持远胜于对其它方面的支持,对此不应感到奇怪。另一方面,...
HTMLDOMStyle对象定义和用法wordWrap属性允许将长单词拆分并换行到下一行。另请参阅:CSS参考手册:word-wrap属性实例允许长单词能够中断并换行到下一行:document.getElementById("myDIV").style.wordWrap = "break-word";亲自试一试语法返回wordWrap属性:object.style.wordWrap设置wordWrap属性:objec...