`
shuaigg.babysky
  • 浏览: 555802 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

宽度,高度的几个属性

CSS 
阅读更多

使用标准头时,css中的高度和宽度表示的是实际内容的高度

不使用标准头时,css中的高度和宽度表示的是实际内容的高度+padding+border

 

offsetWidth , offsetHeight  不管使用的是什么头,返回的都是元素的实际内容的高度和宽度 + padding + border

的总和。

 

 

 

clientTop , clientLeft 表示的是元素的border的宽度

上边框        左边框

分享到:
评论

相关推荐

    css使用overflow属性控制滚动条的样式

    overflow属性: 检索或设置当对象的内容超过其指定高度及宽度时如何显示内容,其用到的表现形式和值有以下几种 overflow: auto; 在需要时内容会自动添加滚动条 overflow: scroll; 总是显示滚动条 overflow-x: hidden...

    使用HTML开发商业网站-td标签属性课件.pptx

    标签属性 表格 属性名 含义 常用属性值 width 设置单元格的宽度 像素值 height 设置单元格的高度 ...设置单元格内容的水平对齐方式 ...学习的属性时需要注意以下几点: ...当对某一个标签应用height属性设置高度时,该

    js获得页面的高度和宽度的方法

    尝试了几种方式,比如document.body.clientWidth,window.screen.width,document.body.scrollWidth等方法之后,发现都不是我想要的结果,后来发现了一个高效的方法,立刻大家分享之: 在需要取高度和宽度的地方加...

    CSS代码属性分组的写法例子

    比如说:你可以将宽度、高度、行高这几个属性放在一行,然后将字体颜色,字体大小,字体加粗这几个属性放在一行。 .new_list{ margin-bottom:6px; padding-top:4px; ;height:300px; background:whi

    Android开发EditText属性.txt

     EditText的属性很多,这里介绍几个: android:hint="请输入数字!"//设置显示在空间上的提示信息 android:numeric="integer"//设置只能输入整数,如果是小数则是:decimal android:singleLine="true"//设置单行...

    DOM2非标准但却支持很好的几个属性小结

    1、偏移量 offsetWidth:指元素在水平方向上占用的空间大小,包括边框及滚动条的宽度 offsetHeight:指元素在垂直方向上占用的空间大小,包括边框及滚动条的高度 offsetLeft:返回元素的左偏移量,即元素的左外边框...

    CSS笔记-011

    1.简介盒子模型是网页布局的基础,将页面中所有的元素都看作成一个盒子,盒子都包含以下几个属性:width 宽度height 高度border 边框margin

    使用HTML开发商业网站-案例-制作音乐排行榜课件.pptx

    控制效果图5-51的样式主要分为以下几个部分: (1)通过最外层的大盒子对页面的整体控制,需要对其设置宽度、高度、圆角、边框、渐变及内边距等样式,实现唱片背景效果。 (2)整体控制列表内容(ul),需要对其设置...

    html设置虚线边框的方法

    为了对html不同标签加边框虚线,我们选择几个常用标签对齐设置边框虚线效果。 ...p标签 span ul li table tr td ...我们对以上几个标签设置相同宽度、相同高度、边框效果。 5、完整HTML代码: <!DOCTYPE h

    div+css有实例,易学易懂

    8.6.1 IE6.0 中固定宽度和高度的容器和内容 8.6.2 FIREFOX2.0 中的容器与内容 8.6.3 可能出现的问题和解决方法 8.7 使用:after 伪类解决浮动的问题 8.7.1 IE6.0 中的浮动元素和容器 8.7.2 FIREFOX2.0 中的浮动元素和...

    VB6Resizer 1.1 Rev 22

    比如您的窗体中有一个DBGrid控件,占了很大一部分,下边有几个按钮;现在需要窗体的大小可调,以使DBGrid可以看到更多的数据,这样的话,窗体上的控件就都需要调整,不然只有窗体变化,而控件不动的话就达不到预期效果,而且...

    国开电大18秋季Dreamweaver网页设计_形考任务.doc

    一个基本的XHTML文档结构通常包括以下几个部分: 1. 文档类型声明(DOCTYPE):指定文档类型和DTD(Document Type Definition) 2. HTML元素:是根元素,包含head和body两个主要部分 3. 头部元素:,包含元数据,如...

    计算机基础作业第一次答案.doc

    选项: a、隐藏 b、只读 c、系统 d、存档 题号:11 题型:单项选择题〔请在以下几个选项中选择唯一正确答案〕 此题分数:5 内容: 在Windows中,想同时改变窗口的高度和宽度的操作是拖放_A__ 。 选项: a、窗口角 b、窗口...

    CSS盒子模型结构

    盒子模型的高度(即相框模型的宽度)= content + padding + border + margin,这几个参数是“盒子模型”的基本属性名,我们可以通过 CSS技术给这些属性定义不同的属性值,就可以达到丰富的效果了! padding、...

    JS图片变换效果[借鉴].pdf

    该类具有以下几个方法: * `initialize`:初始化图片变换效果,包括设置图片列表、图片展示区域、图片标题区域等。 * `SetOptions`:设置图片变换效果的选项,包括自动播放时间、图片切换效果等。 * `Time`:获取或...

    中国式报表

    6.控件增加了PreviewOptons、PrintOptons和DesignOptions等几个属性。 可以设定设计窗口标题、预览窗口标题、预览方式、指定缺省预览缩放比例等。 7.页眉页脚中支持表达式。 8.支持背景图片。 执行菜单:"插入|...

    ACReport 1.9

    6.控件增加了PreviewOptons、PrintOptons和DesignOptions等几个属性。 可以设定设计窗口标题、预览窗口标题、预览方式、指定缺省预览缩放比例等。 7.页眉页脚中支持表达式。 8.支持背景图片。 执行菜单:"插入|...

    Visual Basic 6 Resizer VB6控件动态位置大小调整

    比如你的窗体中有一个DBGrid控件,占了很大一部分,下边有几个按钮 现在需要窗体的大小可调,以使DBGrid可以看到更多的数据,这样的话,窗体上的控件就都需要调整,不然只有窗体变化,而控件不动的话就达不到预期效果,而且...

    XRadarView:高度可定制的Android雷达视图

    XRadarView 是一个可高度自定义的雷达图控件。Lastest Version:更新日志1.0.5 版本 更新内容修复Issues 与material design冲突问题。请注意此版本之后,边界线宽度使用boundaryWidth指定。1.0.4版本 更新内容支持...

    jquery BS,dialog控件自适应大小

    原来一直觉得jquery取宽度高度很神奇,原来是直接取的dom中element的offsetWidth/offsetHeight等属性,当有element插入dom中,浏览器就会根据规则计算出相应的属性,这里抄几个相关的属性。 scrollWidth 是对象的...

Global site tag (gtag.js) - Google Analytics