美文网首页
CSS属性以及属性值检测

CSS属性以及属性值检测

作者: Sketch | 来源:发表于2017-11-03 20:52 被阅读13次

纯粹的检测CSS属性:

function testProperty(property) {
  var root = document.documentElement;

  if (property in root.style) {
    root.classList.add(property.toLowerCase());
    return true;
  }

  root.classList.add('no-' + property.toLowerCase());
  return false;
}

如果需要检测某个具体的属性值是否受到浏览器的支持:

function testValue(id, value, property) {
  var dummy = document.createElement('p');
  dummy.style[property] = value;

  if (dummy.style[property]) {
    root.classList.add(id);
    return true;
  }

  root.classList.add('no-' + id);
  return false;
}

资料信息来自《CSS揭秘》

相关文章

  • CSS属性以及属性值检测

    纯粹的检测CSS属性: 如果需要检测某个具体的属性值是否受到浏览器的支持: 资料信息来自《CSS揭秘》

  • jQuery内容整理——CSS

    .css()访问匹配元素的样式写法:.css({'属性','属性值'})|.css({属性:'属性值'}) .o...

  • HTMLCSS学习笔记(四)-- CSS属性

    CSS属性 属性:属性是指定选择符所具有的属性,它是css的核心,css2共有150多个属性属性值:属性值包括法定...

  • css使用方法

    css基本语法 css的定义方法是:选择器 { 属性:值; 属性:值; 属性:值;} 例: css页面引入方法: ...

  • 前端 (2)

    css基本语法及页面引用 css基本语法 css的定义方法是: 选择器 { 属性:值; 属性:值; 属性:值;} ...

  • Day03_CSS属性组成和作用

    学习目标 1、css属性和属性值的定义2、css文本属性3、css列表属性4、css背景属性5、css边框属性6、...

  • CSS引入方式

    CSS的基本语法 1)CSS语法选择器{属性名称1:属性值1;属性名称2:属性值2;...} 2)CSS的引入方式...

  • CSS入门

    CSS CSS基本语法 CSS定义方法是:  选择器{属性:值;属性:值;属性:值}  选择器是将样式和页面元素关...

  • css基本语法及引用方法

    仅供学习,转载请注明出处 css基本语法 css的定义方法是: 选择器 { 属性:值; 属性:值; 属性:值;} ...

  • css

    css基本语法及页面引用 css基本语法 css的定义方法:选择器{属性:值;属性:值;属性:值;}选择器是将样...

网友评论

      本文标题:CSS属性以及属性值检测

      本文链接:https://www.haomeiwen.com/subject/txdxmxtx.html