css中哪些属性与创建多列相关,css3中的新增属性有哪些
css3中的新增属性有哪些
发布时间:2021-04-02 17:39:08
来源:亿速云
阅读:90
作者:Leah
这篇文章将为大家详细讲解有关css3中的新增属性有哪些,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。css3新增属性有:word-wrap、word-break、text-shadow、border-radius、box-shadow、border-image、background-size、transform、transition等。
css3新增属性
1、CSS3文字效果:hanging-punctuation:规定标点字符是否位于线框之外。
punctuation-trim:规定是否对标点字符进行修剪。
text-align-last:设置如何对齐最后一行或紧挨着强制换行符之前的行。
text-emphasis:向元素的文本应用重点标记以及重点标记的前景色。
text-justify:规定当 text-align 设置为 "justify" 时所使用的对齐方法。
text-outline:规定文本的轮廓。
text-overflow:规定当文本溢出包含元素时发生的事情。
text-shadow:向文本添加阴影。
text-wrap:规定文本的换行规则。
word-break:规定非中日韩文本的换行规则。
word-wrap:允许对长的不可分割的单词进行分割并换行到下一行。
2、CSS3边框:border-radius:CSS3圆角边框。
box-shadow:用于向方框添加阴影。
border-image:CSS3边框图片,可以使用图片来创建边框。
3、CSS3背景:background-size:属性规定背景图片的尺寸。
background-origin:属性规定背景图片的定位区域。
background-clip:规定背景的绘制区域。
(学习视频分享:css视频教程)
4、CSS3 转换:transform向元素应用 2D 或 3D 转换。
transform-origin允许你改变被转换元素的位置。
transform-style规定被嵌套元素如何在 3D 空间中显示。
perspective规定 3D 元素的透视效果。
perspective-origin规定 3D 元素的底部位置。
backface-visibility定义元素在不面对屏幕时是否可见。
5、CSS3 过渡:
当元素从一种样式变换为另一种样式时为元素添加效果。transition:简写属性,用于在一个属性中设置四个过渡属性。
transition-property:规定应用过渡的 CSS 属性的名称。
transition-duration:定义过渡效果花费的时间。默认是 0。
transition-timing-function:规定过渡效果的时间曲线。默认是 "ease"。
transition-delay:规定过渡效果何时开始。默认是 0。
6、CSS3动画:通过 CSS3,我们能够创建动画,这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript。@keyframes:规定动画。
animation:所有动画属性的简写属性,除了 animation-play-state 属性。
animation-name:规定 @keyframes 动画的名称。
animation-duration:规定动画完成一个周期所花费的秒或毫秒。默认是 0。
animation-timing-function:规定动画的速度曲线。默认是 "ease"。
animation-delay:规定动画何时开始。默认是 0。
animation-iteration-count:规定动画被播放的次数。默认是 1。
animation-direction:规定动画是否在下一周期逆向地播放。默认是 "normal"。
animation-play-state:规定动画是否正在运行或暂停。默认是 "running"。
animation-fill-mode:规定对象动画时间之外的状态。
7、CSS3多列:column-count:指定元素应该被分割的列数。
column-fill:指定如何填充列
column-gap:指定列与列之间的间隙
column-rule:所有 column-rule-* 属性的简写
column-rule-color:指定两列间边框的颜色
column-rule-style:指定两列间边框的样式
column-rule-width:指定两列间边框的厚度
column-span:指定元素要跨越多少列
column-width:指定列的宽度
columns:设置 column-width 和 column-count 的简写
8、CSS3用户界面:resize:属性规定是否可由用户调整元素尺寸。
box-sizing:属性允许您以确切的方式定义适应某个区域的具体内容。
outline-offset:属性对轮廓进行偏移,并在超出边框边缘的位置绘制轮廓。
appearance:允许您使一个元素的外观像一个标准的用户界面元素。
icon:为创作者提供了将元素设置为图标等价物的能力。
nav-down:指定在何处使用箭头向下导航键时进行导航。
nav-index:指定一个元素的Tab的顺序。
nav-left:指定在何处使用左侧的箭头导航键进行导航。
nav-right:指定在何处使用右侧的箭头导航键进行导航。
nav-up:指定在何处使用箭头向上导航键时进行导航。
关于css3中的新增属性有哪些就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
css中哪些属性与创建多列相关,css3中的新增属性有哪些相关推荐
- pandas计算滑动窗口中的最小值实战(Rolling Minimum in a Pandas Column):计算单数据列滑动窗口中的最小值、计算多数据列滑动窗口中的最小值
pandas计算滑动窗口中的最小值实战(Rolling Minimum in a Pandas Column):计算单数据列滑动窗口中的最小值.计算多数据列滑动窗口中的最小值 目录
- pandas计算滑动窗口中的最大值实战(Rolling Maximum in a Pandas Column):计算单数据列滑动窗口中的最大值、计算多数据列滑动窗口中的最大值
pandas计算滑动窗口中的最大值实战(Rolling Maximum in a Pandas Column):计算单数据列滑动窗口中的最大值.计算多数据列滑动窗口中的最大值 目录
- pandas计算滑动窗口中的中位数实战(Rolling Median of a Pandas Column):计算单数据列滑动窗口中的中位数、计算多数据列滑动窗口中的中位数
pandas计算滑动窗口中的中位数实战(Rolling Median of a Pandas Column):计算单数据列滑动窗口中的中位数.计算多数据列滑动窗口中的中位数 目录
- html5中css新增的属性,css3有哪些新增属性?常用的新增属性总结
css3新增属性有哪些?来提问这个问题的人都应该知道css3是css的升级版本,那么,css3既然是升级版本,自然是会新增一些属性,接下来本篇文章将给大家介绍关于css3中常用的新增属性. 一.css ...
- 纯CSS实现左右拖拽改变布局大小 使用CSS3中resize属性 水平,垂直拖动元素,改变大小
利用浏览器非overflow:auto元素设置resize可以拉伸的特性实现无JavaScript的分栏宽度控制. webkit浏览器下滚动条可以自定义,其中resize区域大小就是scrollbar ...
- css3有哪些新增属性,CSS3新增属性
本篇文章为大家介绍一些CSS3新增的属性,CSS3新属性的出现弥补了CSS2版本的不足,解决了很多我们设置元素样式时的痛点. 1.文本阴影属性 text-shadow:水平距离 垂直距离 模糊半径(模 ...
- java中io流如何创建一个文件_,Java中Io流操作-File类的常用操作-创建文件,创建文件夹...
package com.hxzy.IOSer; import java.io.File; import java.io.IOException; public class Demo03 { publi ...
- 计算机辅助翻译术语中英对照,自然语言处理及计算语言学相关术语中英对译表(A~L)...
abbreviation 缩写 [省略语] ablative 夺格(的) abrupt 突发音 accent 口音/{Phonetics}重音 accusative 受格(的) acoustic ph ...
- CSS3新增属性详解
1.圆角 在 CSS2 中添加圆角棘手.我们不得不在每个角落使用不同的图像. 在 CSS3 中,很容易创建圆角. 在 CSS3 中 border-radius 属性被用于创建圆角: 如果你在 bord ...
最新文章
- python中访问命令行参数_如何在Python中访问命令行参数?
- 第四期 | 带学斯坦福CS224n自然语言处理课+带打全球Kaggle比赛(文末重金招募老师!)...
- Android学习笔记之图像颜色处理(ColorMatrix)
- 提升大数据可视化的技巧有哪些
- java程序员中英文简历_Java程序员英文简历范文
- java mysql字符串拼接_Oracle与MySQL字符串拼接
- Win7系统用键盘替代鼠标的小技巧
- 火车票软件哪个好用_买火车票的软件哪个最好
- MATLAB GUI中显示数学公式
- cif t t操作流程图_cif流程(cif贸易术语流程图)
- 麦子学院字符设备驱动201126
- mysql性能监控 调优_MySQL管理之道:性能调优、高可用与监控(第2版)
- 通过js实现图片与文字的转换
- 壹沓科技签约七匹狼,助力「中国男装领导者」数字化转型
- The Humble Programmer
- 技嘉主板命名规则是什么
- 【Scenario-Based Testing】ASAM最新会议精炼
- 精美好用的思维导图插件,无缝对接各种前端框架,快来围观吧
- 七宗罪也许每个人都有
- 信息爆炸的时代,太早进入社会不是好选择
热门文章
- python 冒泡排序_Python中的冒泡排序
- 性能测试(02)-HttpSampler
- C++设计模式--模板方法模式
- linux下的shell编程
- Linux / 僵尸进程、孤儿进程 产生原因、有什么危害、如何预防(解决方案)
- 嵌入式中断服务函数的一些特点
- kali linux 截图位置,Kali Linux中使用截图工具
- 四位先行进位电路逻辑表达式_数字电子技术考试卷以及答案(4套)
- Android App层 单独使用SystemProperties
- php读取xml的值,PHP读取XML 值