扩展视野：前端中与宽高相关的属性大全

屏幕

屏幕是计算机或移动设备显示图像的区域，其宽高属性通常由设备的物理尺寸决定。常见的屏幕宽高属性包括：

• 屏幕宽度（screen.width）：屏幕的水平宽度，单位为像素。
• 屏幕高度（screen.height）：屏幕的垂直高度，单位为像素。
• 屏幕分辨率（screen.resolution）：屏幕的像素密度，单位为像素每英寸（PPI）。

浏览器

浏览器是用户访问互联网的软件，其宽高属性通常由用户设置或设备的物理尺寸决定。常见的浏览器宽高属性包括：

• 浏览器窗口宽度（window.innerWidth）：浏览器窗口的水平宽度，单位为像素。
• 浏览器窗口高度（window.innerHeight）：浏览器窗口的垂直高度，单位为像素。
• 浏览器文档宽度（document.documentElement.clientWidth）：浏览器文档的水平宽度，单位为像素。
• 浏览器文档高度（document.documentElement.clientHeight）：浏览器文档的垂直高度，单位为像素。

元素

元素是网页中的基本组成单位，其宽高属性通常由CSS样式决定。常见的元素宽高属性包括：

• 元素宽度（width）：元素的水平宽度，单位为像素、百分比或其他单位。
• 元素高度（height）：元素的垂直高度，单位为像素、百分比或其他单位。
• 元素内边距（padding）：元素内边距的宽度和高度，单位为像素或其他单位。
• 元素外边距（margin）：元素外边距的宽度和高度，单位为像素或其他单位。
• 元素边框宽度（border-width）：元素边框的宽度，单位为像素或其他单位。

鼠标

鼠标是用户与计算机或移动设备交互的设备，其宽高属性通常由设备的物理尺寸决定。常见的鼠标宽高属性包括：

• 鼠标宽度（MouseEvent.clientX）：鼠标指针在屏幕上的水平位置，单位为像素。
• 鼠标高度（MouseEvent.clientY）：鼠标指针在屏幕上的垂直位置，单位为像素。

视口

视口是浏览器窗口中可见的部分，其宽高属性通常由浏览器设置或用户调整。常见的视口宽高属性包括：

• 视口宽度（window.visualViewport.width）：视口的水平宽度，单位为像素。
• 视口高度（window.visualViewport.height）：视口的垂直高度，单位为像素。

滚动条

滚动条是允许用户在网页中滚动查看内容的控件，其宽高属性通常由浏览器设置或用户调整。常见的滚动条宽高属性包括：

• 滚动条宽度（scrollbar.offsetWidth）：滚动条的水平宽度，单位为像素。
• 滚动条高度（scrollbar.offsetHeight）：滚动条的垂直高度，单位为像素。

图片

图片是网页中常见的元素，其宽高属性通常由图片本身的尺寸决定。常见的图片宽高属性包括：

• 图片宽度（image.width）：图片的水平宽度，单位为像素。
• 图片高度（image.height）：图片的垂直高度，单位为像素。

表格

表格是网页中用于组织数据的一种元素，其宽高属性通常由CSS样式决定。常见的表格宽高属性包括：

• 表格宽度（table.width）：表格的水平宽度，单位为像素、百分比或其他单位。
• 表格高度（table.height）：表格的垂直高度，单位为像素、百分比或其他单位。
• 表格列宽（table.columnWidth）：表格列的宽度，单位为像素或其他单位。
• 表格行高（table.rowHeight）：表格行的