2010年8月20日 星期五

首字大寫作法

PS:如果是大寫字,以下招數很可能無效,記得先轉小寫再來處理
PHP:
//每行的首字大寫
使用ucfirst(str);
//每個字首大寫
ucwords(str);

javascript: 沒有簡單的函式可運用,要搭配regular expression才行
//每行首字大寫
str.substring(0,1).strToUpper.toUpperCase + str.substring(1)

//每個字首大寫
var str="xi nan shi you xue yuan china people"
alert(str.replace(/\s[a-z]/g,function($1){return $1.toLocaleUpperCase()}).replace(/^[a-z]/,function($1){return $1.toLocaleUpperCase()}))

CSS:
這招最酷,也是我寫這篇的主因 XD
透過CSS的 selector first-letter和大小寫樣式就可以用
先說selector
Selector : first-letter { sRules }

p a:first-letter { color: green }
div:first-letter { color:red;font-size:16px;float:left; }

大小寫樣式: TEXT-TRANSFORM (引自http://chinese-school.netfirms.com/csst7.htm)
功能 : 設定文字改變 ( 可設無、第一個字母大寫、大寫、小寫 )
語法 : { TEXT-TRANSFORM : NONE︱CAPITALIZE︱UPPERCASE︱LOWERCASE }
範例 : {TEXT-TRANSFORM:CAPITALIZE}
設定英文字母大小寫顯示法。可用值有none(不自動轉換)、capitalize(第一個字母自動轉為大寫)、uppercase(全部自動轉換為大寫)、lowercase(全部自動轉換為小寫)。如text-transform:lowercase,則全部英文字都會自動轉為小寫。

搭配: #id (text-transform:capitalize;}

2 則留言:

Lon 提到...
作者已經移除這則留言。
Lon 提到...

這篇很實用, 感謝大大分享

幫忙做個小更正:

Javascript 每行首字大寫:

str.substring(0, 1).toUpperCase() + str.substring(1)