ປະກາດຄຳວັດຖຸ text-transform
- ບ່ອນຫນັງກ່ອນ text-shadow
- ບ່ອນຫນັງອີກ text-underline-offset
定义和用法
text-transform 属性控制文本的大小写。
说明
这个属性会改变元素中的字母大小写,而不论源文档中文本的大小写。如果值为 capitalize,则要对某些字母大写,但是并没有明确定义如何确定哪些字母要大写,这取决于用户代理如何识别出各个“词”。
另请参阅:
CSS 教程:CSS ຄຳວັດຖຸ
HTML DOM 参考手册:textTransform 属性
实例
转换不同元素中的文本:
h1 {text-transform:uppercase;} h2 {text-transform:capitalize;} p {text-transform:lowercase;}
提示和注释
注释:不同的用户代理可能会用不同的方法来确定单词从哪里开始,相应地确定哪些字母要大写。例如,文本 "w3-school" 可以用两种方式显示:"W3-school" 和 "W3-School"。CSS 并没有规定哪一种是正确的,所以这两种都是可以的。
ສັບພາສາ CSS:
text-transform: none|capitalize|uppercase|lowercase|initial|inherit;
ຄຳຕັ້ງຂັ້ນຕົ້ນ
ຄຳຕັ້ງຂັ້ນຕົ້ນ | ອະທິບາຍ |
---|---|
none | ຄຳຕັ້ງຂັ້ນຕົ້ນ |
capitalize | ການສະແດງວ່ານຳວິທະຍາສະຖານະກະພິບມັກຂຶ້ນຫນັງມັກຄຳວິທະຍາສະຖານະກະພິບມັກຂຶ້ນຫນັງມັກຄຳວິທະຍາສະຖານະກະພິບມັກຂຶ້ນ. |
uppercase | ການສະແດງວ່າບໍ່ມີສິ່ງທີ່ສາມາດຫນັງມັກຄຳວິທະຍາສະຖານະກະພິບມັກຂຶ້ນຫນັງມັກຄຳວິທະຍາສະຖານະກະພິບມັກຂຶ້ນ. |
lowercase | ການສະແດງວ່າບໍ່ມີສິ່ງທີ່ສາມາດຫນັງມັກຄຳວິທະຍາສະຖານະກະພິບມັກຂຶ້ນຫນັງມັກຂຶ້ນພຽງແຕ່ບຳຂຽນພຽງແຕ່ຄຳວິທະຍາສະຖານະກະພິບມັກຂຶ້ນ. |
inherit | ປະກອບຄວາມຄິດສະຖານະຂອງຕາລະບົບສະແດງວ່າຄວາມຈິງຂອງ text-transform ຈະຖືກຂະຫຍາຍຈາກຕົວເປັນຄືກັບຄວາມຄິດສະຖານະຕົວເປັນພາຍໃນຂອງພາຍໃນຕົວ. |
ລະອຽດດ້ານເຕັກນິກ
ຄຳຕັ້ງຂັ້ນຕົ້ນ: | none |
---|---|
ການຖືກຮັບສະຖານະ: | yes |
ສະຖານະ: | CSS1 |
ສັບພາສາ JavaScript: | object.style.textTransform="uppercase" |
ຄວາມສະແດງຫຼາຍກວ່າ
- ການຄວບຄຸມຄຳຂຽນຂອງຂໍ້ຄວາມ
- ການສະແດງວ່າຫຼືການຄວບຄຸມຄວາມຂື້ນຂອງຄຳຂຽນຂອງຂໍ້ຄວາມ.
ການສະໜັບສະໜຸນບັນຊີບິວເຊີຣ໌
ຈຳນວນຂອງຕາຕະລາງໃນຕາລະບົບສະແດງວ່າການສະໜັບສະໜຸນຄັດທີ່ຄິດສະຖານີບິວເຊີຣ໌ທຳອິດຂອງຄວາມຈິງ.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
- ບ່ອນຫນັງກ່ອນ text-shadow
- ບ່ອນຫນັງອີກ text-underline-offset