Safari和WebKit实施大子的CSS 2.1规格所界定的万维网联盟( W3C ) ,以及部分的CSS 3规格。 。
这个CSS属性本条划分的群体界定由W3C的CSS规格:
*“盒模型”的具体描述性质的包围盒块内容,包括边界,填充,和利润率。附加框相关属性的特定表中分别介绍了“表。 ”
*“视觉格式化模型”描述性质,确定了位置和大小的块元素。
*“视觉效果”描述属性,调整的视觉效果块内容,包括溢出行为,调整行为,能见度,动画,变换,和过渡。
*“生成的内容,自动编号,并列出”描述属性,允许您更改内容的一个组成部分,创建自动编号的章节和标题,和操纵的风格清单的内容。
*“分页媒体”描述性能与外观的属性,控制印刷版本的网页,如分页符的行为。
*“颜色和背景”描述属性控制背景下的块级元素和颜色的文本内容的组成部分。
* “字型”的具体描述性质的文字字体的选择范围内的一个因素。报告还描述属性用于下载字体定义。
*“文本”描述属性的特定文字样式,间距和自动滚屏(帐篷) 。
*“表格”描述的布局和设计性能表的具体内容。
*“用户界面”描述属性,涉及到用户界面元素在浏览器中,如滚动文字区,滚动条,等等。 报告还描述属性,范围以外的网页内容,如光标的标注样式和显示当您按住触摸触摸目标,如在iPhone上的链接。
★1,webkit Box模型
CSS定义:-webkit-border-bottom-left-radius: radius;
CSS定义:-webkit-border-top-left-radius: horizontal_radius vertical_radius;
CSS定义:-webkit-border-radius:radius;
CSS定义:-webkit-box-sizing: sizing_model; 边框常量值:border-box
CSS定义:-webkit-box-sizing: sizing_model; 内容常量值:content-box
CSS定义:-webkit-box-shadow: hoff voff blur color;
CSS定义:-webkit-margin-bottom-collapse: collapse_behavior;常量值:collapse
CSS定义:-webkit-margin-bottom-collapse: collapse_behavior;常量值:discard
CSS定义:-webkit-margin-bottom-collapse: collapse_behavior;常量值:separate
CSS定义:-webkit-margin-start: width;
CSS定义:-webkit-padding-start: width;
CSS定义:-webkit-border-image:url(borderimg.gif) 25 25 25 25 round round;
CSS定义:-webkit-border-image:url(borderimg.gif) 25 25 25 25 stretch stretch;
★2,可视化格式模型
CSS定义:direction:rtl
CSS定义:unicode-bidi:bidi-override常量:bidi-override,embed,normal
★3,视觉效果
CSS定义:clip: rect(10px, 5px, 10px, 5px)
CSS定义:resize:auto;常量:auto, both, horizontal, none, vertical
CSS定义:visibility:visible;常量: collapse, hidden, visible
CSS定义:-webkit-transition: opacity 1s linear; 动画效果 ease,linear,ease-in,ease-out,ease-in-out
CSS定义:-webkit-backface-visibility: visibler; 常量:visible(默认值),hidden
CSS定义:-webkit-box-reflect: right 1px; 镜向反转
CSS定义:-webkit-box-reflect:below 4px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(white));
CSS定义:-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));;CSS遮罩/蒙板效果
CSS定义:-webkit-mask-attachment:fixed; 常量:fixed,scroll
CSS定义:-webkit-perspective: value; 常量:none(默认)
CSS定义:-webkit-perspective-origin:left top;
CSS定义:-webkit-transform:rotate(5deg);
CSS定义:-webkit-transform-style:preserve-3d; 常量:flat,preserve-3d;(2D与3D)
★4,生成目录
CSS定义:content: “Item” counter(section) ” “;
This resets the counter.
First section
>two section
three section
CSS定义:counter-increment: section 1;
CSS定义:counter-reset:section;
★5,分页媒体
CSS定义:page-break-after:auto; 常量:always, auto, avoid, left, right
CSS定义:page-break-before:auto; 常量:always, auto, avoid, left, right
CSS定义:page-break-inside:auto; 常量:auto, avoid
★6,颜色与背景
CSS定义:-webkit-background-clip:content; 常量:border,content,padding,text
CSS定义:-webkit-background-origin:padding; 常量:border,content,padding,text
CSS定义:-webkit-background-size:55px; 常量:length,length_x,length_y
★7,字体
CSS定义:unicode-range: U+00-FF, U+980-9FF;
★8,文字
CSS定义:text-shadow:#00FFFC 10px 10px 5px;
CSS定义:text-transform:capitalize; 常量:capitalize, lowercase, none, uppercase
CSS定义:word-wrap:break-word; 常量:break-word, normal
CSS定义:-webkit-marquee:right large infinite normal 10s; 常量:direction(方向) increment(迭代次数) repetition(重复) style(样式) speed(速度);
-webkit-marquee-direction:ahead,auto,backwards,down,forwards,left,reverse,right,up
-webkit-marquee-incrementt:1-n,infinite[无穷次]
-webkit-marquee-speed:fast,normal,slow
-webkit-marquee-style:alternate,none,scroll,slide
CSS定义:-webkit-text-fill-color:#ff6600; 常量:capitalize, lowercase, none, uppercase
CSS定义:-webkit-text-security:circle; 常量:circle,disc,none,square
CSS定义:-webkit-text-size-adjust:none; 常量:auto,none;
CSS定义:-webkit-text-stroke:15px #fff;
CSS定义:-webkit-line-break:after-white-space; 常量: normal,after-white-space
CSS定义:-webkit-appearance:caps-lock-indicator;
CSS定义:-webkit-nbsp-mode:space; 常量: normal,space
CSS定义:-webkit-rtl-ordering:logical; 常量:visual,logical
CSS定义:-webkit-user-drag:element; 常量:element,auto,none
CSS定义:-webkit-user-modify:read-write-plaintext-only; 常量:read-write-plaintext-only,read-write,read-only
CSS定义:-webkit-user-select:text; 常量:text,auto,none
★9,表格
CSS定义:-webkit-border-horizontal-spacing:2px;
CSS定义:-webkit-border-vertical-spacing:2px;
CSS定义:-webkit-column-break-after:right; 常量:always,auto,avoid,left,right
CSS定义:-webkit-column-break-before:right; 常量:always,auto,avoid,left,right
CSS定义:–webkit-column-break-inside:logical; 常量:avoid,auto
CSS定义:-webkit-column-count:3;
CSS定义:-webkit-column-rule:1px solid #fff; style:dashed,dotted,double,groove,hidden,inset,none,outset,ridge,solid
★10,用户接口
CSS定义:-webkit-box-align:baseline,center,end,start,stretch 常量:baseline,center,end,start,stretch
CSS定义:-webkit-box-direction:normal;常量:normal,reverse
CSS定义:-webkit-box-flex:flex_valuet
CSS定义:-webkit-box-flex-group:group_number
CSS定义:-webkit-box-lines:multiple;常量:multiple,single
CSS定义:-webkit-box-ordinal-group:group_number
CSS定义:-webkit-box-orient:block-axis; 常量:block-axis,horizontal,inline-axis,vertical;-webkit-box-orient: orientation;
CSS定义:–webkit-box-pack: alignment; 常量:center,end,justify,start
支持;safari3.0+,iPhone OS 1.0+
分享到:
相关推荐
Safari参考样式库之webkit (物有所值,10分不少,但是跟我的东西比绝对不多) 目录 A. webkit Box模型 3 B. 可视化格式模型 5 C. 视觉效果 6 D. 生成目录 8 E. 分页媒体 8 F. 颜色与背景 8 G. 字体 10 H. 文字 10 I. ...
基于node-webkit、angularjs、bootstrap,谁知道未来还会抛出什么其他的库/框架。 更新 (12.09.14) 一些基本功能已添加到应用程序中。 现在是被认为有点有用的好时机。 特征 能够添加IP 地址和标签(别名)来识别...
当前版本:汉堡v0.0.2安装预建的二进制文件您可以下载预编译的二进制文件以获取从来源首先,您将需要为您的平台安装node-webkit,有关详细信息,请参见存储库。 如果尚未安装,请也安装 。 然后克隆此存储库: $ ...
很棒的webkit 使用以奇妙的方式构建静态...接下来,安装节点依赖项: $ npm install用法| 您应该将HTML,样式表,javascript和图像放在“ src”文件夹中。 例子: ├── ...├── src │ ├── styles│ │ ├──
通过主题,样式,自定义脚本,个性化设置等来升级您的音乐体验。(macOS 10.12及更高版本) Themes-v1.0b1.zip (25MB) Public Beta 1 (2020年4月17日) 如果您想在尝试后保留它,则将其拖放到/Applications 。 :...
样式指南生成器-使用和 (命令行Webkit浏览器)。 在实时观看 此仓库仅包含Web服务。 我们在上托管我们的应用程序。 在本地运行服务 确保已安装并运行 使用npm安装依赖项npm install 使用前端的URL(本地和生产)...
webkit(将来可能会有基于非侵入式滚动条库的自定义滚动条,或支持库的样式,您应该直接使用该库) 程序渲染的箭头,允许不同的滚动条大小 单击滚动条轨迹时的反转效果 在运行时使用 Windows .theme和.themepack文件...
Flexcol.Mosaic.js 它是一个很小JavaScript库(仅1.2kB),可通过动态高度检测在多列中启用镶嵌网格。这个怎么运作? 该插件使用设置列中的项目。 JavaScript部分负责根据所需的列数动态设置容器的高度。 您可以在...
wcUI组件库wcUI组件库是基于Web Components开发的一套高效,轻量,可定制的现代化组件库。 2.x版进行改进重构,专门适应支持type = module的浏览器(着重于电子/节点Webkit)。亮点简洁,没有过多的动画,结构尽最大...
jQTouch是一个jQuery的插件,主要用于手机上的Webkit浏览器上实现一些包括动画、列表导航、默认应用样式等各种常见UI效果的JavaScript库。支持包括iPhone、Android等手机。
jQTouch 是一个 jQuery 的插件,主要用于手机上的 Webkit 浏览器上实现一些包括动画、列表导航、默认应用样式等各种常见UI效果的 JavaScript 库。支持包括 iPhone、Android 等手机。
DEMO文章用法首先,您需要包括弹性滑块样式和脚本以及外部Snap.svg库。 然后,您可以创建基本HTML标记并初始化滑块。 .clipped-left { -webkit-clip-path: url(#clipped-left); clip-path: url
尽管有些项目将LaTeX文件作为创建pdf的基础,但该存储库使用带有样式表的html文档,并且使用打印目标来制作通过工具通过Webkit完成。 请参阅此作为此方法的另一参考。 个人网站 其余的托管内容只是一个HTML文档,...
骗子骗子是一个cheetsheet显示应用程序安装** 这仅在 ubuntu 14.04 和 python 2.7 上测试过 ** 您需要在 ubuntu 上安装 webkit 绑定: $ sudo apt-get install gir1.2-webkit2-3.0如果你不使用pipsi ,你就错过了。...
1. pc-reset PC样式初始化 /* normalize.css */ html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } body { margin: 0; } article, aside,...
我来自C / C ++和Java背景,因此由于我是现代Ecmascript工具和库的新手,因此我尝试将其作为个人挑战。 我对NW.js(以前的Node-WebKit)和Angular感兴趣,因为它是开发功能完善的桌面应用程序的解决方案,而没有...
很棒的Qt 精选Qt相关资料的精选清单。 基本模块 -其他模块使用的核心非图形类。 图形用户界面(GUI)组件的基类。... WebKit-用于基于WebKit2的实现和新的QML API的类。 另请参阅附加模块中的Qt
在 web开发方面,分别介绍了三个 iphone web库,即 webkit、iui和 canvas,并讨论了 web开发环境 dashcode,最后阐述 web应用程序的调试。在 sdk开发方面,详细描述其各种组件和功能,包括 xcode、interface builder...
与原始版本不同,仅保留了 2D 效果并消除了 webkit 浏览器中的模糊。 为弹出对话框和图像基础。 需要 jQuery 1.7+ 联系 要使用该插件,请在连接 jQuery 库后在页面上的任何位置包含脚本。 此外,必须包含来自 ...
STAMPA v4.0.3 使用的图标字体, 的图形框架。 该项目建立在以下原则之上: ## 更新 ## ...v4.0.1:更简单的文档,stampa 和存储库呈现之间的单独样式 v4.0.2:各种 v4.0.3:Webkit 宽度调整(bug)