css style testing

輪廓 outline

• 參考 http://www.w3schools.com/css/css_outline.asp

左右對齊 justify

Justify testing . This style will make every line have the same end point.

• 參考 http://www.w3schools.com/cssref/pr_text_text-align.asp

圓角 border-radius

Radius testing.

陰影 shadow

區塊寬度 box-sizing

設定 style, width: 200px , padding: 5px， 紅色線為寬度 200 px 的標準尺

透明度 opacity

英文單字過長自動變「...」ellipsis

text-overflow: ellipsis;

Quotes

有些重要文字，我們會用雙引號將文字括起來，通常用到 ＜q> 這個 tag ，而我們可以透過 quotes 將 「"」 自動改成其他符號。

<style>
   .q {
        quotes: '«' '»';
    }
    .q:before {
        content: open-quote;
    }
    .q:after {
        content: close-quote;
    }
</style>
<q>範例</q>