首页 > 其他分享 >哪些css属性可以被继承?

哪些css属性可以被继承?

时间:2023-03-16 22:13:27浏览次数:54  
标签:style 哪些 text list 字体 font css 属性

不可继承的太多了,只需要记住可以继承的元素就行了。

可以继承的元素主要有:只有颜色,文字,字体间距行高对齐方式,和列表的样式

具体如下:
所有元素可继承:visibility和cursor。

内联元素可继承:letter-spacingword-spacingwhite-spaceline-height、color、font、font-family、font-size、font-style、font-variant、font-weighttext-decoration、text-transform、direction。

终端块状元素可继承:text-indent和text-align。

列表元素可继承:list-style、list-style-type、list-style-position、list-style-image。

链接:https://www.nowcoder.com/questionTerminal/0c76b5ff84fd4814b4ba4d45af3185b6
来源:牛客网

二、有继承性的属性

1、字体系列属性

font:组合字体

font-family:规定元素的字体系列

font-weight:设置字体的粗细

font-size:设置字体的尺寸

font-style:定义字体的风格

font-variant:设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小。

font-stretch:对当前的 font-family 进行伸缩变形。所有主流浏览器都不支持。

font-size-adjust:为某个元素规定一个 aspect 值,这样就可以保持首选字体的 x-height。

2、文本系列属性

text-indent:文本缩进

text-align:文本水平对齐

line-height:行高

word-spacing:增加或减少单词间的空白(即字间隔)

letter-spacing:增加或减少字符间的空白(字符间距)

text-transform:控制文本大小写

direction:规定文本的书写方向

color:文本颜色

3、元素可见性:visibility

4、表格布局属性:caption-side、border-collapse、border-spacing、empty-cells、table-layout

5、列表布局属性:list-style-type、list-style-image、list-style-position、list-style

6、生成内容属性:quotes

7、光标属性:cursor

8、页面样式属性:page、page-break-inside、windows、orphans

9、声音样式属性:speak、speak-punctuation、speak-numeral、speak-header、speech-rate、volume、voice-family、pitch、pitch-range、stress、richness、、azimuth、elevation

 

三、所有元素可以继承的属性

1、元素可见性:visibility

2、光标属性:cursor

 

四、内联元素可以继承的属性

1、字体系列属性

2、除text-indent、text-align之外的文本系列属性

 

五、块级元素可以继承的属性

1、text-indent、text-align

标签:style,哪些,text,list,字体,font,css,属性
From: https://www.cnblogs.com/131362wsc/p/17224358.html

相关文章

  • Android android:exported="true" 属性
    android:exported="true"是什么android:exported其实并不是Android12的新属性,在前面的版本也可以看见它。它是Android中的四大组件Activity,Service,Provider,Receiver四......
  • HTML+css轮播图效果
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-wid......
  • 美国远程控制软件有哪些
    远程控制软件,目前主流的有德国的(Teamviewer、Anydesk等)、美国的(Splashtop、微软远程桌面、VNC、Chrome远程桌面等)以及国产的(向日葵等)。有些读者想了解美国的远程控制软件......
  • python 类中的属性排序
    可以使用Python中的类(class)来定义一个包含姓名和年龄的类。以下是一个示例代码:classPerson:def__init__(self,name,age):self.name=namese......
  • 软件自动化测试的作用有哪些?为什么要选择专业软件测试公司进行?
    一、软件自动化是什么?软件自动化测试是把以人为驱动的测试行为转化为机器执行的一种过程。通常,在设计了测试用例并通过评审之后,由测试人员根据测试用例中描述的规......
  • 好用的Scrum敏捷项目管理工具有哪些?可以看看这些。。
    敏捷开发模式已经被越来越多的企业认可并执行。项目管理的核心是控制预算,按时交付,同时保证质量。如果想提高管理技能,多多学习,找一些好的网站,有好的文章,比如:scrum中文网,......
  • 动态HTTP代理与静态相比有哪些优势
    HTTP代理可以分为动态HTTP代理和静态HTTP代理两种,市面上大多数的HTTP代理套餐都是动态HTTP代理,那么动态HTTP代理有哪些优势呢?动态HTTP代理的有效期相对于静态HTTP代......
  • 【JavaScript】用Object.definePropety()对对象的属性实现监听和修改_TA远方的博客
    本文中会讲到对象函数Object.defineProperty(),也许你对这个函数比较陌生,要知道这个函数用途可大了,等自己想到它的时候,就知道它的重要性。文章目录举个栗子赋值其它......
  • 用fiddler查看哪些请求耗时最多
     开启抓包,刷新页面后,选择第一个请求和最后一个请求,可获得整个页面加载所消耗的总体时间。点fiddler右测的统计,从条形图表中还可以分别出哪些请求耗时最多,从而对页面的访......
  • Scrapy中Request对象的属性和方法
    Scrapy中的Request对象是用于表示一个HTTP请求的类。以下是一些常见的属性和方法:属性:url:请求的URL。callback:在响应返回后,将调用的回调函数。method:请求方法,默......