常見的外觀 outline:none; p { border:red solid thin; outline-style:solid; outline-color:#00ff00; outline-width:1px; } 元素border外面的線，不佔據空間 resize:none; 僅僅是給div元素使用，並且要把 overflow 屬性設定上，值可以是 auto、hidden 或 scroll 這時候可以決定要不要resize resize: none|both|horizontal|vertical; 取消瀏覽器內建的Border，可以這麼設定 border:none; box-sizing:content-box; box-sizing: content-box|border-box|inherit; 預設值content-box，意思是寬高設定給內容區 和文字換行、空格相關的 word-wrap:break-word; word-wrap: normal|break-word; 預設值normal，會繼承 這個是說處理長單詞的時候，自動折行 white-space:pre-wrap; pre/pre-wrap 原樣輸出 pre-line 合併空格 normal 合併空格，換行變成一個空格，但需要時自動折行 no wrap 合併空格，換行變成一個空格 和文字顯示的位置相關的 text-align:left; vertical-align:top; 和元素定位相關的 float:none; 滑鼠選擇相關的 -webkit-user-select:text; user-select:text; 選文字 user-select: none; 不能選 all是點選一下，全部選擇 選中的文字是紅色背景，金黃色的字型 ::selection { color: gold; background-color: red; } 選中的是藍色背景，白色的字型的段落 p::selection { color: white; background-color: blue; }