網頁-英文字串大小寫轉換

網頁-英文字串大小寫轉換

● PHP 設置

<?php
//英文一律轉大寫
$str="a123456789″;
echo strtoupper($str)." ";
//英文一律轉小寫
$str="A123456789″;
echo strtolower($str)." ";
//如果字串還有中文，而網頁編碼方式為big5時，會產生錯誤。
?>

● CSS text-transform 控制文章字母的大小寫

在 CSS 的設計中，你可以透過 text-transform 來控制文章中的文字字母大小寫，當然指的是英文字母而不是中文字母，瀏覽器會依照你的指示去呈現，無論原本的字母是大寫還是小寫，一律根據 text-transform 顯示。可以設定全部大寫、全部小寫或是只有第一個字母大寫。

CSS text-transform 範例
Good Morning Piter. <!–定義所有字母均為大寫–>
Good Morning Piter. <!–定義所有字母均為小寫–>
Good Morning Piter.<!–定義單字的第一個字母大寫，其他字母小寫–>

呈現結果
GOOD MORNING PITER.
good morning piter.
Good Morning Piter.

所有主流的瀏覽器都支援 CSS text-transform 屬性，你可以根據自己的需求而採用哪種效果，預設值為 none，字母大小根據你所寫的大小而顯示，跟沒寫一樣的意思。

● CSS first-letter 控制段落首字母自動轉為大寫

有的時候為了讓整篇文章排版與網頁的風格搭配，會將文章開頭英文字母的字首設為大寫或者用特殊字型美化，通常見於英文的文章，CSS 內建的 first-letter 可以讓你輕鬆控制段落第一個字母，例如要用自動轉為大寫呈現，以下準備個簡單的範例。

用 P 元素將一個段落先標記起來
this is a test content.We will use css first-letter set the first letter.

開始使用 CSS 的 first-letter 樣式化第一個字母。
p:first-letter{
text-transform:uppercase;
}

呈現結果
This is a test content.We will use css first-letter set the first letter.

● CSS text-transform 控制文章字母的大小寫