Home > Article > Web Front-end > Is the color property of css inherited?
Is the color property of css inherited?
- 青灯夜游Original
- 2020-11-17 16:06:213297browse
The css color property is inherited. Inheritance is a rule that allows styles to be applied not only to a specific html tag element, but also to its descendants; and the color attribute can be inherited. For example, using the color setting to set a certain color to the p tag, the color style applies not only to the p tag but also to its descendants. tag, also applies to all child element tags within the p tag.
#Inheritance is a rule that allows styles to be applied not only to a specific html tag element, but also to its descendants.
css color property is inherited.
For example, the following code: Set a certain color to be applied to the p tag. This color setting not only applies to the p tag, but also applies to all sub-element text in the p tag. The sub-element here is span tags and i tags.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
p {
color: red;
}
</style>
</head>
<body>
<p>三年级时，我还是一个<span>胆小如鼠</span>的<i>小女孩</i>。</p>
</body>
</html>
Note: In CSS, generally attributes starting with text-, font-, line- can be inherited.
Example:
1. Text series attributes that can be inherited
text-indent: text indent
-
text-align: horizontal alignment of text
line-height: line height
word-spacing: increase or decrease the spacing between words White space (i.e. word spacing)
letter-spacing: Increase or decrease the space between characters (character spacing)
text-transform: Control Text case
direction: Specify the writing direction of the text
color: Text color
2. Inheritable font family attributes
font: combined font
font-family: specifies the font family of the element
font-weight: Set the thickness of the font
font-size: Set the size of the font
font-style : Define the style of the font
font-variant: Set the small caps font to display text, which means that all lowercase letters will be converted to uppercase, but all small caps fonts will be used The letters have a smaller font size compared to the rest of the text.
font-stretch: Stretch and transform the current font-family. Not supported by all major browsers.
font-size-adjust: Specifies an aspect value for an element so that the x-height of the preferred font is maintained.
For more programming-related knowledge, please visit: Programming Learning! !
The above is the detailed content of Is the color property of css inherited?. For more information, please follow other related articles on the PHP Chinese website!