CSS分享：初起步，CSS2 Properties

最新推荐文章于 2024-05-27 14:31:43 发布
最新推荐文章于 2024-05-27 14:31:43 发布
阅读量5.9k 收藏
点赞数
分类专栏： CSS UI 文章标签： css properties ie classification printing 网格
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/god_wyj/article/details/6605176
版权
UI 同时被 2 个专栏收录
9 篇文章 0 订阅
订阅专栏
CSS
5 篇文章 0 订阅
订阅专栏

CSS Font Properties    字体属性
Font Properties
属性		CSS Version
版本		Compatibility
兼容性		Inherit From Parent
继承性		Description
简介
fontCSS1/CSS2IE4+ , NS4+有复合属性。设置或检索对象中的文本特性
colorCSS1IE4+ , NS4+有检索或设置对象的文本颜色
font-familyCSS1IE4+ , NS4+有设置或检索用于对象中文本的字体名称序列
font-sizeCSS1IE4+ , NS4+有设置或检索对象中的字体尺寸
font-size-adjustCSS2NONE有设置或检索用于对象中文本的字体名称序列是否强制使用同一尺寸
font-stretchCSS2NONE有设置或检索用于对象中文本的文字是否横向的拉伸变形
font-styleCSS1IE4+ , NS4+有设置或检索对象中的字体样式
font-weightCSS1IE4+ , NS4+有设置或检索对象中的文本字体的粗细
text-decorationCSS1IE4+ , NS4+无检索或设置对象中的文本的装饰，如下划线、闪烁等
text-underline-positionIE专有属性IE5.5+有设置或检索text-decoration属性定义的下划线的位置
text-shadowCSS2NONE无设置或检索对象中文本的文字是否有阴影及模糊效果
font-variantCSS1IE4+ , NS6+有设置或检索对象中的文本是否为小型的大写字母
text-transformCSS1IE4+ , NS4+有检索或设置对象中的文本的大小写
line-heightCSS1IE4+ , NS4+有检索或设置对象的行高。即字体最底端与字体内部顶端之间的距离
letter-spacingCSS1IE4+ , NS6+有检索或设置对象中的文字之间的间隔
word-spacingCSS1IE4+ , NS6+有检索或设置对象中的单词之间插入的空格数。对于IE4+而言仅在MAC平台上可用
CSS Text Properties    文本属性

Text Properties
属性		CSS Version
版本		Compatibility
兼容性		Inherit From Parent
继承性		Description
简介
text-indentCSS1IE4+ , NS4+有检索或设置对象中的文本的缩进
text-overflowIE专有属性IE6+无设置或检索是否使用一个省略标记（...）标示对象内文本的溢出
vertical-alignCSS1/CSS2IE4+ , NS4+无设置或检索对象内容的垂直对其方式
text-alignCSS1IE4+ , NS4+有设置或检索对象中文本的对齐方式
layout-flowIE专有属性IE5.5+有设置或检索对象内文本的流动和方向
writing-modeIE专有属性IE5.5+有设置或检索对象的内容块固有的书写方向
directionCSS2IE5+无用于设置文本流的方向
unicode-bidiCSS2IE5+无用于同一个页面里存在从不同方向读进的文本显示。与direction属性一起使用
word-breakIE专有属性IE5+无设置或检索对象内文本的字内换行行为。尤其在出现多种语言时
line-breakIE专有属性IE5+无设置或检索用于日文文本的换行规则
white-spaceCSS1IE5.5+ , NS4+有设置或检索对象内空格的处理方式
word-wrapIE专有属性IE5.5+有设置或检索当当前行超过指定容器的边界时是否断开转行
text-autospaceIE专有属性IE5+无设置或检索对象文本的自动空格和紧缩空格宽度调整的方式
text-kashida-spaceIE专有属性IE5.5+有设置或检索如何拉伸字符来调节文本行排列
text-justifyIE专有属性IE5+无设置或检索对象内文本的对齐方式
ruby-alignIE专有属性IE5+无设置或检索通过rt对象指定的注释文本或发音指南（参考ruby对象）的对齐位置
ruby-positionIE专有属性IE5+无设置或检索通过rt对象指定的注释文本或发音指南（参考ruby对象）的位置
ruby-overhangIE专有属性IE5+无设置或检索通过rt对象指定的注释文本或发音指南（参考ruby对象）的位置
ime-modeIE专有属性IE5+无设置或检索是否允许用户激活输入中文，韩文，日文等的输入法（IME）状态
layout-gridIE专有属性IE5+有复合属性。设置或检索复合文档中指定文本字符版式的网格特性
layout-grid-charIE专有属性IE5+有设置或检索应用于对象文本的字符网格值
layout-grid-char-spacingIE专有属性IE5+有设置或检索字符间隔
layout-grid-lineIE专有属性IE5+有设置或检索应用于对象文本的行网格值
layout-grid-modeIE专有属性IE5+有设置或检索文本网格版式是否使用二维
layout-grid-typeIE专有属性IE5+有设置或检索应用于对象文本的网格类型
CSS Background Properties    背景属性

Background Properties
属性		CSS Version
版本		Compatibility
兼容性		Inherit From Parent
继承性		Description
简介
backgroundCSS1IE4+ , NS4+无复合属性。设置或检索对象的背景特性
background-attachmentCSS1IE4+ , NS6+无设置或检索背景图像是随对象内容滚动还是固定的
background-colorCSS1IE4+ , NS4+无设置或检索对象的背景颜色
background-imageCSS1IE4+ , NS4+无设置或检索对象的背景图像
background-positionCSS1IE4+ , NS6+无设置或检索对象的背景图像位置
background-positionXIE专有属性IE5.5+无设置或检索对象的背景图像横坐标位置
background-positionYIE专有属性IE5.5+无设置或检索对象的背景图像纵坐标位置
background-repeatCSS1IE4+ , NS4+无设置或检索对象的背景图像是否及如何铺排
layer-background-colorNS专有属性NS4+无设置或检索对象整个区域的背景颜色
layer-background-imageNS专有属性NS4+无设置或检索对象整个区域的背景图像
CSS Positioning Properties    定位属性
 
Positioning Properties
属性		CSS Version
版本		Compatibility
兼容性		Inherit From Parent
继承性		Description
简介
positionCSS2IE4+ , NS4+无检索对象的定位方式
z-indexCSS2IE4+ , NS6+无检索或设置对象的层叠顺序
topCSS2IE4+ , NS4+无检索或设置对象与其最近一个定位的父对象顶部相关的位置
rightCSS2IE5+无检索或设置对象与其最近一个定位的父对象右边相关的位置
bottomCSS2IE5+无检索或设置对象与其最近一个定位的父对象底边相关的位置
leftCSS2IE4+ , NS4+无检索或设置对象与其最近一个定位的父对象左边相关的位置




CSS Dimensions Properties    尺寸属性

Dimensions Properties
属性		CSS Version
版本		Compatibility
兼容性		Inherit From Parent
继承性		Description
简介
heightCSS1IE4+ , NS6+无检索或设置对象的高度
max-heightCSS2NONE无设置或检索对象的最大高度
min-heightCSS2IE6+无设置或检索对象的最小高度
widthCSS1IE4+ , NS6+无检索或设置对象的宽度
max-widthCSS2NONE无设置或检索对象的最大宽度
min-widthCSS2NONE无设置或检索对象的最小宽度




CSS Layout Properties    布局属性

Layout Properties
属性		CSS Version
版本		Compatibility
兼容性		Inherit From Parent
继承性		Description
简介
clearCSS1IE4+ , NS4+无该属性的值指出了不允许有浮动对象的边。请参阅float属性
floatCSS1IE4+ , NS4+无该属性的值指出了对象是否及如何浮动。请参阅clear属性
clipCSS2IE4+ , NS6+无检索或设置对象的可视区域。区域外的部分是透明的
overflowCSS2IE4+ , NS6+无检索或设置当对象的内容超过其指定高度及宽度时如何管理内容
overflow-xIE专有属性IE4+无检索或设置当对象的内容超过其指定宽度时如何管理内容
overflow-yIE专有属性IE4+无检索或设置当对象的内容超过其指定高度时如何管理内容
displayCSS1/CSS2IE4+ , NS4+无设置或检索对象是否及如何显示
visibilityCSS2IE4+ , NS6+无设置或检索是否显示对象。与display属性不同，此属性为隐藏的对象保留其占据的物理空间

 

CSS Margins Properties    外补丁属性

Margins Properties
属性		CSS Version
版本		Compatibility
兼容性		Inherit From Parent
继承性		Description
简介
marginCSS1IE4+ , NS4+无检索或设置对象四边的外延边距
margin-topCSS1IE4+ , NS4+无检索或设置对象顶边的外延边距
margin-rightCSS1IE4+ , NS4+无检索或设置对象右边的外延边距
margin-bottomCSS1IE4+ , NS4+无检索或设置对象底边的外延边距
margin-leftCSS1IE4+ , NS4+无检索或设置对象左边的外延边距

CSS Outlines Properties    轮廓属性

Outlines Properties
属性		CSS Version
版本		Compatibility
兼容性		Inherit From Parent
继承性		Description
简介
outlineCSS2NONE无复合属性。设置或检索对象外的线条轮廓
outline-colorCSS2NONE无设置或检索对象外的线条轮廓的颜色
outline-styleCSS2NONE无设置或检索对象外的线条轮廓的样式
outline-widthCSS2NONE无设置或检索对象外的线条轮廓的宽度
 
CSS Borders Properties    边框属性

Borders Properties
属性		CSS Version
版本		Compatibility
兼容性		Inherit From Parent
继承性		Description
简介
borderCSS1IE4+ , NS4+无复合属性。设置对象边框的特性
border-colorCSS1IE4+ , NS6+无设置或检索对象边框颜色
border-styleCSS1IE4+ , NS4+无设置或检索对象边框样式
border-widthCSS1IE4+ , NS4+无设置或检索对象边框宽度
border-topCSS1IE4+ , NS6+无复合属性。设置对象顶边的特性
border-top-colorCSS2IE4+ , NS6+无设置或检索对象顶边颜色
border-top-styleCSS2IE4+ , NS6+无设置或检索对象顶边样式
border-top-widthCSS1IE4+ , NS4+无设置或检索对象顶边宽度
border-rightCSS1IE4+ , NS6+无复合属性。设置对象右边的特性
border-right-colorCSS2IE4+ , NS6+无设置或检索对象右边颜色
border-right-styleCSS2IE4+ , NS6+无设置或检索对象右边样式
border-right-widthCSS1IE4+ , NS4+无设置或检索对象右边宽度
border-bottomCSS1IE4+ , NS6+无复合属性。设置对象底边的特性
border-bottom-colorCSS2IE4+ , NS6+无设置或检索对象底边颜色
border-bottom-styleCSS2IE4+ , NS6+无设置或检索对象底边样式
border-bottom-widthCSS1IE4+ , NS4+无设置或检索对象底边宽度
border-leftCSS1IE4+ , NS6+无复合属性。设置对象左边的特性
border-left-colorCSS2IE4+ , NS6+无设置或检索对象左边颜色
border-left-styleCSS2IE4+ , NS6+无设置或检索对象左边样式
border-left-widthCSS1IE4+ , NS4+无设置或检索对象左边宽度

 

CSS Generated Content Properties    内容属性

Content Properties
属性		CSS Version
版本		Compatibility
兼容性		Inherit From Parent
继承性		Description
简介
include-sourceCSS2NONE无这个属性插入另一个文档到当前文档，取代当前对象的内容
quotesCSS2NONE无设置或检索对象内使用的嵌套标记
contentCSS2NONE无用来和:after及:before 伪元素一起使用，在对象前或后显示内容
counter-incrementCSS2NONE无设定当一个selector发生时计数器增加的值
counter-resetCSS2NONE无将指定selector的计数器复位

 
CSS Paddings Properties    内补丁属性
 
Paddings Properties
属性		CSS Version
版本		Compatibility
兼容性		Inherit From Parent
继承性		Description
简介
paddingCSS1IE4+ , NS4+无检索或设置对象四边的补丁边距
padding-topCSS1IE4+ , NS4+无检索或设置对象顶边的补丁边距
padding-rightCSS1IE4+ , NS4+无检索或设置对象右边的补丁边距
padding-bottomCSS1IE4+ , NS4+无检索或设置对象底边的补丁边距
padding-leftCSS1IE4+ , NS4+无检索或设置对象左边的补丁边距
CSS Lists Properties    列表项目属性

Lists Properties
属性		CSS Version
版本		Compatibility
兼容性		Inherit From Parent
继承性		Description
简介
list-styleCSS1IE4+ , NS4+有复合属性。设置列表项目相关内容
list-style-imageCSS1IE4+ , NS6+有设置或检索作为对象的列表项标记的图像
list-style-positionCSS1IE4+ , NS6+有设置或检索作为对象的列表项标记如何根据文本排列
list-style-typeCSS1/CSS2IE4+ , NS4+有设置或检索对象的列表项所使用的预设标记
marker-offsetCSS2NONE无设置或检索标记容器和主容器之间水平补白。即两个容器靠近的一边的间距

CSS Table Properties    表格属性

Table Properties
属性		CSS Version
版本		Compatibility
兼容性		Inherit From Parent
继承性		Description
简介
border-collapseCSS2IE5+有设置或检索表格的行和单元格的边是合并在一起还是按照标准的HTML样式分开
border-spacingCSS2NONE有设置或检索当表格边框独立时，行和单元格的边框在横向和纵向上的间距
caption-sideCSS2NONE有设置或检索表格的caption对象是在表格的那一边
empty-cellsCSS2NONE有设置或检索当表格的单元格无内容时，是否显示该单元格的边框
table-layoutCSS2IE5+有设置或检索表格的布局算法
speak-headerCSS2NONE有设置或检索表格头与其后的一系列单元格发生多少次关系

 
CSS Scrollbar Properties    滚动条属性

Scrollbar Properties
属性		CSS Version
版本		Compatibility
兼容性		Inherit From Parent
继承性		Description
简介
scrollbar-3d-light-colorIE专有属性IE5.5+有设置或检索滚动条亮边框颜色
scrollbar-highlight-colorIE专有属性IE5.5+有设置或检索滚动条3D界面的亮边（ThreedHighlight）颜色
scrollbar-face-colorIE专有属性IE5.5+有设置或检索滚动条3D表面（ThreedFace）的颜色
scrollbar-arrow-colorIE专有属性IE5.5+有设置或检索滚动条方向箭头的颜色
scrollbar-shadow-colorIE专有属性IE5.5+有设置或检索滚动条3D界面的暗边（ThreedShadow）颜色
scrollbar-dark-shadow-colorIE专有属性IE5.5+有设置或检索滚动条暗边框（ThreedDarkShadow）颜色
scrollbar-base-colorIE专有属性IE5.5+有设置或检索滚动条基准颜色。其它界面颜色将据此自动调整

CSS Printing Properties    打印属性

Printing Properties
属性		CSS Version
版本		Compatibility
兼容性		Inherit From Parent
继承性		Description
简介
pageCSS2IE5.5+有检索或指定显示对象容器时使用的页面类型（pagetype）。参阅@page规则
page-break-afterCSS2IE4+无检索或设置对象后出现的页分割符
page-break-beforeCSS2IE4+无检索或设置对象前出现的页分割符
page-break-insideCSS2NONE有检索或设置对象容器中出现的页分割符
marksCSS2NONE无设置或检索什么样的标志是应该在页容器外边被给予
orphansCSS2NONE有设置或检索对象内容内一定要留在一页范围底端以内的行的最少数量
sizeCSS2NONE有检索或指定页面规格的调整
widowsCSS2NONE有检索或指定一定要留在页面顶部的行数
CSS Aural Properties    声音属性

Aural Properties
属性		CSS Version
版本		Compatibility
兼容性		Inherit From Parent
继承性		Description
简介
voice-familyCSS2NONE有设置或检索当前声音类型
volumeCSS2NONE有设置或检索音量
elevationCSS2NONE有设置或检索当前声音的音源仰角
azimuthCSS2NONE有设置或检索当前声音的音场角度
stressCSS2NONE有和pitch-range相似。设置或检索当前声音波形的最高峰值
richnessCSS2NONE有设置或检索当前声音的音色
speech-rateCSS2NONE有设置或检索发音速度
cueCSS2NONE无设置在对象前后播放的声音
cue-afterCSS2NONE无设置在对象后播放的声音
cue-beforeCSS2NONE无设置在对象前播放的声音
pauseCSS2NONE无设置对象前后的声音暂停
pause-afterCSS2NONE无定义对象内容被发音后的暂停
pause-beforeCSS2NONE无定义对象内容发音前的暂停
pitchCSS2NONE有设置或检索音高
pitch-rangeCSS2NONE有设置或检索声音的平滑程度
play-duringCSS2NONE无设置或检索背景音乐的播放
speakCSS2NONE有设置或检索声音是否给出
speak-numeralCSS2NONE有设置或检索数字如何发音
speak-punctuationCSS2NONE有设置或检索标点符号如何发音

 
CSS Classification Properties    其它属性

Classification Properties
属性		CSS Version
版本		Compatibility
兼容性		Inherit From Parent
继承性		Description
简介
cursorCSS2IE4+无设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状
filterIE专有属性IE4+无设置或检索对象所应用的滤镜效果
behaviorIE专有属性IE5+无设置或检索对象的DHTML行为
zoomIE4+ , NS6+IE5.5+无设置或检索对象的缩放比例
Elaine
关注
专栏目录
css检测,CSS检测工具 CSS Lint简介
weixin_28585773的博客
08-04 1095
Nicholas C. Zakas最近发布了CSS Lint，旨在检测CSS代码中存在的各种问题，从而写出更高效的CSS。CSS Lint现有的一些规则：修复解析错误(Parsing errors should be fixed)避免使用多类选择符(Don't use adjoining classes)IE6以及更古老的浏览器对类似.foo.bar的多类选择符解析不正确，参考IE6下的多类选择符...
css+动画优化,css3动画性能优化--针对移动端卡顿问题
weixin_35715366的博客
08-03 2195
一、使用css，jquery，canvas制作动画1.Canvas优点：性能好，强大，支持多数浏览器(除了IE6、IE7、IE8)，画出来的图形可以直接保存为.png或者.jpg的图形；缺点：依赖于HTML，只能通过脚本绘制图形，没有实现动画的API(依靠事件和定时器更新)；由于在canvas上以编程方式显示的文本其实就是位图，因此搜索爬行器将完全忽略文本。文本内容也无法被屏幕阅读器识别...
cssproperties:获取所有可用的 CSS 属性
06-12
CSS 属性 获取所有可用 CSS 属性的列表。 安装 npm i cssproperties 用法 在 CLI 中 cssproperties 在 Node.js 中 var cssproperties = require ( 'cssproperties' ) ;
css properties
weixin_34310369的博客
01-06 914
white-space：描述如何处理元素中的空格 word-wrap:（以单词为单位，比如长单词则转行拆分，短单词则直接留空换行！） 用来说明当一个不能被分开的字符串太长因而其containing box无法整行显示其内容时，为防止其溢出，浏览器是否允许这样的单词中断换行。 默认值为normal, 不允许长单词换行，break-word则允许将单词换行 word-break: 指定怎样...
React.CSSProperties
sc0002的博客
04-17 3210
React.CSSProperties React TS css 类型
CSS Properties列表
SlimApp
11-25 1368
源自：http://www.htmldog.com/reference/cssproperties/   Text and Fonts fontfont-familyfont-sizefont-weightfont-stylefont-variantline-heightletter-spacingword-spacingtext-aligntext-decorationtext-ind
CSS @property（CSS 自定义属性）
两个月亮
01-25 2911
@property CSS Houdini API 的一部分，它允许开发者显式地定义他们的 CSS 自定义属性, 允许进行属性类型检查、设定默认值以及定义该自定义属性是否可以被继承。接下来，我们将探索 CSS 变量与自定义属性的区别以及适合使用自定义属性的部分场景。
SpringBoot2_Study:记录学习SpringBoot2
03-17
- **src/main/resources**：资源文件目录，如application.properties或.yml配置文件，静态资源（如HTML、CSS、JS）及模板引擎文件（Thymeleaf、Freemarker等）。 - **src/test**：测试代码目录，包括单元测试和...
sza-t2-access:Zadanie domowe z kursu Spring Boot 2 SZA-Tydzień2
03-31
3. `src/main/resources` - 存放配置文件如`application.properties`或`application.yml`，以及静态资源如HTML、CSS和JavaScript。 4. `src/test/java` - 测试代码存放地，使用JUnit或其他测试框架进行单元测试和...
SpringBoot2整合Thymeleaf3详解：配置与语法实战
首先，整合SpringBoot2和Thymeleaf3的关键在于添加起步依赖。在`pom.xml`文件中，引入`spring-boot-starter-thymeleaf`模块，这会自动引入Thymeleaf的相关库。然后，为了使用Thymeleaf3，我们需要更新其版本和`...
基于springboot游戏分享网站.zip
03-23
1. **SpringBoot基础**：理解SpringBoot的核心特性，如自动配置、内嵌Servlet容器、起步依赖等，以及如何创建SpringBoot项目并运行。 2. **Java后端开发**：掌握Java面向对象编程，理解MVC设计模式，使用Spring框架...
springboot原创歌曲分享平台.zip
03-16
《SpringBoot原创歌曲分享平台》是一个基于Java技术栈，利用SpringBoot框架开发的毕业设计项目。这个平台的主要目的是为音乐爱好者提供一个集创作、分享、交流原创歌曲的在线社区。项目源码的结构清晰，适合学习...
springboot021基于Springboot校园周边美食探索及分享平台毕业源码案例设计.zip
02-24
【标题】"基于Springboot校园周边美食探索及分享平台毕业源码案例设计"是一个使用SpringBoot框架构建的项目，旨在实现一个便于学生发现、分享校园附近美食的在线平台。SpringBoot是一个由Spring团队开发的Java框架，...
springboot048基于Springboot校园资料分享平台毕业源码案例设计.zip
02-24
标题中的"Springboot048基于Springboot校园资料分享平台毕业源码案例设计"表明这是一个使用SpringBoot框架构建的校园资料分享平台的毕业设计项目。这个项目可能包含了完整的前后端代码，旨在帮助学生理解如何利用...
CSS2Properties doesn't have an indexed property setter for '0'
weixin_30597269的博客
02-27 433
使用React时，发现chrome浏览器没事，firefox火狐浏览器报了一个CSS2Properties doesn't have an indexed property setter for '0'。 把我代码中的 <Block className='header' style={[outer.common, outer.header]} flex> 改成 <Block cl...
CSS3 properties
chloecheng的专栏
01-05 582
A.  CSS3 properties  1.      Borders i.                     border- radius：createrounded corners       （top-left，top-right，bottom-right，bottom-left）  Example：  Result：         ii.
【CSS @property】CSS自定义属性说明与demo
羊羊羊羊羊羊羊的博客
12-20 2578
property是 CSS Houdini API [🔗] 的一部分，它允许开发者显式地定义他们的CSS 自定义属性, 允许进行属性类型检查、设定默认值以及定义该自定义属性是否可以被继承**。@property 规则提供了一个直接在样式表中注册自定义属性的方式，而无需运行任何 JS 代码。有效的 @property 规则会注册一个自定义属性，就像 【】 函数被使用同样的参数调用了一样。在过去，我们使用CSS自定义变量（CSS Variables）来存储和复用值，但它们并不具备类型检查和默认值设定的功能。
vue3 CSSProperties使用
wxid_mtnujb6ipc0322的博客
03-07 2821
CSSProperties 是TypeScript中定义的一个接口，用于描述CSS属性的类型。它包含了大多数常用的CSS属性，比如颜色、字体、边框、布局等。我们可以根据需要添加或修改这些属性。color?: string;fontSize?: string;margin?: string;// ...
Vue3(TypeScript)-CSSProperties代码示例及用法详解
最新发布
在北风吹起的时候加入我们的队伍 在秋雨到来的时候成为彼此的温暖
05-27 855
TypeScript中定义CSS Properties
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值