CSS中text-transform属性

    <h3>
      chinese people
      <p>my homep>
    h3>

text-transform属性取值如下:

1.text-transform:none 默认,定义带有小写字母和大写字母的标准文本

在这里插入图片描述

2.text-transform:capitalize 文本中的每个单词以大写字母开头

<style>
    h3{
      color:pink;
      text-transform: capitalize;
    }
style>

在这里插入图片描述

3.text-transform:lowercase 定义无大写字母,仅有小写字母

<style>
	 h3{
      color:pink;
      text-transform: lowercase;
      p{
        text-transform: inherit;
      }
    }
style>

在这里插入图片描述

4.text-transform:uppercase 定义无小写字母,仅有大写字母

<style>
	 h3{
      color:pink;
      text-transform: uppercase;
      p{
        text-transform: inherit;
      }
    }
style>

在这里插入图片描述

5. text-transform:inherit 规定应该从父元素继承text-transform属性的值

CSS中text-transform属性_第1张图片
在这里插入图片描述

你可能感兴趣的:(css,css)