css text-transform

来源：互联网发布：空间数据编辑编辑：程序博客网时间：2024/06/06 18:00

<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>text-transform</title><script src="jquery-1.8.2.js" type="text/javascript"></script><style>.capitalize{text-transform:capitalize;}.uppercase{text-transform:uppercase;}.lowercase{text-transform:lowercase;}.none{text-transform:none;}fieldset{height:200px;width:500px;border:1px solid red;}select{width:200px;margin-top:10px;border:1px solid red;}</style><script>$(function(){$("#operate").change(function(){$("#target").removeAttr("class");$("#target").attr("class",$(this).val());});});</script></head><body><fieldset><legend>演示</legend><div id="target">i love you .Not because YOUR beauty.<span style="display:block">hello World</span></div></fieldset><select id="operate"><option></option><option value="none">none</option><option value="capitalize">首字母大写</option><option value="uppercase">大写</option><option value="lowercase">小写</option></select></body></html>

0 0