微软表示新版的浏览器Edge(spartan)不会再增加新的私有属性,同时移除了部分-ms-属性,但很多标准在没有支持到之前,会使用webkit的api。Edge开发工程师Jacob Rossi列出了一份Edge所支持的webkit api列表。

CSS Core

  • webkitBackground
  • webkitBackgroundAttachment
  • webkitBackgroundClip
  • webkitBackgroundColor
  • webkitBackgroundImage
  • webkitBackgroundOrigin
  • webkitBackgroundPosition
  • webkitBackgroundPositionX
  • webkitBackgroundPositionY
  • webkitBackgroundRepeat
  • webkitBackgroundSize
  • webkitBorderBottomLeftRadius
  • webkitBorderBottomRightRadius
  • webkitBorderImage
  • webkitBorderImageOutset
  • webkitBorderImageRepeat
  • webkitBorderImageSlice
  • webkitBorderImageSource
  • webkitBorderImageWidth
  • webkitBorderRadius
  • webkitBorderTopLeftRadius
  • webkitBorderTopRightRadius

CSS FlexBox

  • webkitAlignContent
  • webkitAlignItems
  • webkitAlignSelf
  • webkitBoxAlign
  • webkitBoxDirection
  • webkitBoxFlex
  • webkitBoxOrdinalGroup
  • webkitBoxOrient
  • webkitBoxPack
  • webkitBoxSizing
  • webkitFlex
  • webkitFlexBasis
  • webkitFlexDirection
  • webkitFlexFlow
  • webkitFlexGrow
  • webkitFlexShrink
  • webkitFlexWrap
  • webkitJustifyContent
  • webkitOrder

FullScreen

  • onwebkitfullscreenchange
  • onwebkitfullscreenerror
  • webkitCancelFullScreen
  • webkitCurrentFullScreenElement
  • webkitDisplayingFullscreen
  • webkitEnterFullScreen
  • webkitExitFullScreen
  • webkitFullscreenElement
  • webkitFullscreenEnabled
  • webkitIsFullScreen
  • webkitRequestFullScreen
  • webkitSupportsFullscreen

CSS MultiColumn

  • webkitColumnBreakAfter
  • webkitColumnBreakBefore
  • webkitColumnBreakInside
  • webkitColumnCount
  • webkitColumnGap
  • webkitColumnRule
  • webkitColumnRuleColor
  • webkitColumnRuleStyle
  • webkitColumnRuleWidth
  • webkitColumns
  • webkitColumnSpan
  • webkitColumnWidth

CSS Animations

  • webkitAnimation
  • webkitAnimationDelay
  • webkitAnimationDirection
  • webkitAnimationDuration
  • webkitAnimationFillMode
  • webkitAnimationIterationCount
  • webkitAnimationName
  • webkitAnimationPlayState
  • webkitAnimationTimingFunction

CSS Transforms

  • webkitBackfaceVisibility
  • WebKitCSSMatrix
  • webkitPerspective
  • webkitPerspectiveOrigin
  • webkitTransform
  • webkitTransformOrigin
  • webkitTransformStyle

CSS Transitions

  • webkitTransition
  • webkitTransitionDelay
  • webkitTransitionDuration
  • webkitTransitionProperty
  • webkitTransitionTimingFunction

Browser Detection

  • webkitConvertPointFromNodeToPage
  • webkitConvertPointFromPageToNode
  • WebKitPoint

Mobile Extensions

  • webkitTapHighlightColor
  • webkitTextSizeAdjust

CSS Filters

  • webkitFilter

CSS Intrinsic Control Styling

  • webkitAppearance

Selectors API

  • webkitMatchesSelector

Text Selection

  • webkitUserSelect

CSS Writing Modes

  • webkitWritingMode

CSS Text Masking

  • webkitTextFillColor

感谢 @神飞 前辈的总结

Microsoft Edge 浏览器开始支持webkit私有样式的更多相关文章

  1. Windows 10 上,Edge 浏览器不支持插件,因此将不运行 Java

    在 Windows 10 上,Edge 浏览器不支持插件,因此将不运行 Java.微软想干嘛?

  2. Microsoft Edge浏览器下载文件乱码修复方法(二)

    之前有写过"Microsoft Edge浏览器下载文件乱码修复方法",发现很多情况下下载文件乱码问题还是存在,这里对之前内容做简单补充,希望可以帮到大家. 方法二: 默认如果提示下 ...

  3. Debian10 / Ubuntu 20.10 /Linux Mint 20安装Microsoft Edge浏览器Dev版(每周更新)

    安装方法如下: 打开终端命令,切换到 管理员身份,输入如下安装命令即可在Linux下使用 Microsoft Edge 浏览器了 ## Setup curl https://packages.micr ...

  4. Edge浏览器现已支持Tampermonkey(油猴)

    Tampermonkey,Greasemonkey,这种扩展可以让我们的浏览器自动运行我们自己定义的脚本,然后就出现了相关网站(比如https://greasyfork.org/zh-CN)让大家在上 ...

  5. 如何在Microsoft Edge浏览器中添加一个Hello World插件

    注:本文提到的代码示例下载地址> How to add a Hello World extension to Microsoft Edge Microsoft Edge 随着Win 10一起推出 ...

  6. Microsoft Edge浏览器下载文件乱码修复方法

    随着Windows10的普及,Microsoft Edge自带浏览器使用频率逐渐提升,在日常使用过程中我们会发现一个常规的问题是使用Edge进行日常文件下载的时候,N多情况下可能都是乱码,同样的下载链 ...

  7. win10 microsoft edge 浏览器收藏夹位置

    1.打开文件夹,找到(注意 用户名 改为你自己的用户名) C:\Users\用户名\AppData\Local\Packages\Microsoft.MicrosoftEdge_8wekyb3d8bb ...

  8. 以管理员身份运行 Microsoft Edge 时不支持登录

    之前一直用 edge chromium bate版本 一直不能登录 今天试了正式版 还是这样 然后百度一大堆没找到解决方案 设置兼容性为windown7 是可以的 但是 UI显示会有问题 再次打开 又 ...

  9. Microsoft Edge 浏览器远程代码执行漏洞POC及细节(CVE-2017-8641)

    2017年8月8日,CVE官网公布了CVE-2017-8641,在其网上的描述为: 意思是说,黑客可以通过在网页中嵌入恶意构造的javascript代码,使得微软的浏览器(如Edege),在打开这个网 ...

随机推荐

  1. Excel批量导入商品,遇到导入失败记录到另一个Excel中供下载查看

    /// <summary> /// EXCEL批量导入 /// </summary> /// <param name="filePath">文件 ...

  2. type和 #define

    1.#define INT8U unsigned char   :  用INT8U代替unsigned char 2.typedef typedef int size; 此声明定义了一个int的同义字 ...

  3. react系列(四)Redux基本概念和使用

    Redux基本概念和使用 先从Flux开始 先放一个Flux官网的链接.需要fq. Flux是Facebook提出的一种构建客户端网页应用的应用架构,它是一种抽象程度很高的设计模式,鼓励单向数据流. ...

  4. 关于JS的clone()函数编写的一些问题

    问题讲述:用js 实现一个clone()克隆函数,该函数会把输入进去的不同类型值Number,String,Undefined,Boolean,Function,Null,Object,Array,R ...

  5. 严重: A child container failed during start java.util.concurrent.ExecutionException: org.apache.catalina.LifecycleException: Failed to start component

    自己写了个最简单的springMVC项目练练手,没有用maven,在WebContent中新建了lib文件夹,将jar包复制到这里面,然后add to build path到项目里. 启动Tomcat ...

  6. iOS之创建通知、发送通知和移除通知的坑

    1.创建通知,最好在viewDidLoad的方法中创建 - (void)viewDidLoad { [super viewDidLoad]; //创建通知 [[NSNotificationCenter ...

  7. Bootstrap Data Table简单使用(动态加载数据)

    直接上代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <ti ...

  8. 个人对js面向对象和封装插件的用法

    做了一段时间的前端了,给自己写代码也总结出来了一点小小的思路,就来分享一下自己的意见和建议了. 面向对象和插件封装其实说到底都是面向对象的思想,但是插件一般是你要用的时候就new 调用出来的.就说一下 ...

  9. Kafka 推荐网站

    Kafka系列文章 [Kafka设计解析(一)- Kafka背景及架构介绍](http://www.jasongj.com/2015/03/10/KafkaColumn1/) [Kafka设计解析(二 ...

  10. Git简单配置ssh秘钥

    执行以下命令: git config --global user.name "demo" git config --global user.email "demo@dem ...