首页 > 其他分享 >css inset属性

css inset属性

时间:2023-01-15 19:12:09浏览次数:50  
标签:right bottom 2px 1px inset css 属性

inset属性说明如下:

inset 属性用作定位元素的 toprightbottomleft 这些属性的简写。类似于 marginpadding 属性,依照“上右下左”的顺序。举个例子:

inset: 0; 
/* 等同于 `top: 0; right: 0; bottom: 0; left: 0;` */
inset: 1px 2px; 
/* 等同于 `top: 1px; right: 2px; bottom: 1px; left: 2px;` */
inset: 1px 2px 3px; 
/* 等同于 `top: 1px; right: 2px; bottom: 3px; left: 2px;` */
inset: 1px 2px 3px 4px; 
/* 等同于 `top: 1px; right: 2px; bottom: 3px; left: 4px;` */

inset CSS属性,它具有与简写边距相同的多值语法。虽然是CSS逻辑属性规范的一部分,但它定义物理偏移量,而不考虑元素的书写模式、方向和文本方向。属性值可以为长度,百分比,关键字(auto),全局的值(inherit; initial; revert; revert-layer; unset;)

注意:inset 属性只作用于定位元素。Internet Explorer 浏览器上不支持该属性。

标签:right,bottom,2px,1px,inset,css,属性
From: https://www.cnblogs.com/echohye/p/17053964.html

相关文章

  • Web自动化测试05:Selenium-CSS定位
    系列文章目录......
  • CSS选择器相关
    选择器1.基本选择器标签选择器:格式:标签{}<!DOCTYPEhtml><htmllang="en"><head> <metacharset="UTF-8"> <title>Title</title>​<style>  /*标签选择......
  • linux的时间属性
    最近写打包备份文件log的命令,研究了一下时间属性的的含义。做个记录。Linux系统文件有三个主要的时间属性,分别是ctime(changetime,而不是createtime)atime(accessti......
  • jQuery复习(CSS模块/筛选模块/文档处理(CUD)模块/事件模块)
    视频CSS模块style样式css(styleName):根据样式名得到对应的值css(styleName,value):设置一个样式css({多个样式对}):设置多个样式位置坐标offset():读/......
  • Jmeter学习:后置处理器--CSS/JQURY 提取器
    一、CSS/JQURY提取器功能:通过该组件,我们可以采用CSS/JQUERY语法提取所需要的值,功能非常强大(注意采样器返回必须为html/xml)底层采用jsoup实现,具体语法可以参考h......
  • CSS前知
    1css(层叠样式表)   1.1css语法规则         1.2css引入方式          外联式中stylesheet----------css与html的关系:样式......
  • 纯css闪烁效果demo
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"conten......
  • python中os.path常用属性和部分使用方法
    1os.path模块常用的属性和方法2简单示例在一个工程或者项目中用到的会多一点,比如需要得到某个文件或者配置文件的路径等。这里示例为:C:\Users\Administrator\Desk......
  • css3.0
    /*处理图片*/img{width:30px;border-radius:100%;}p{width:50px;height:50px;background-color:lightgreen;}.blue-p{bac......
  • 安卓学习1--基础属性详解
    基础属性详解11.layout_width:组件的宽度232.layout_height:组件的高度453.id:为TextView设置一个组件id674.text:设置显示的文本内容895.textCo......