文章內捲軸框語法－〆撕鈊裂肺的小窩

引用兔子文章

語法｜各式框框語法

太多人發問關於兔子文章內提供的複製語法框是如何使用
不過因為無名文章內並不支援此種語法，所以兔子提供其他可支援無名的語法框框
右邊為自動反白語法框不適用於無名，無名請複製左邊其他部落格請自行斟酌。
(提供的都是基本款,可以自己去做變化喔)

非自動反白語法

自動反白語法

<div style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; SCROLLBAR-FACE-COLOR: #fff; SCROLLBAR-HIGHLIGHT-COLOR: #fff; OVERFLOW: auto; BORDER-LEFT: 1px solid; WIDTH: 200px; SCROLLBAR-SHADOW-COLOR: #fff; SCROLLBAR-3DLIGHT-COLOR: #fff; SCROLLBAR-ARROW-COLOR: #fff; SCROLLBAR-TRACK-COLOR: #fff; BORDER-BOTTOM: 1px solid; SCROLLBAR-DARKSHADOW-COLOR: #fff; SCROLLBAR-BASE-COLOR: #fff; HEIGHT: 50px">這邊打上文字</div>

改變框線顏色	改變框線顏色
<div style="BORDER-RIGHT: #000 1px solid; BORDER-TOP: #999999 1px solid; FONT-WEIGHT: normal; OVERFLOW: hidden; BORDER-LEFT: #000 1px solid; WIDTH: 200px; BORDER-BOTTOM: #000 1px solid; HEIGHT: 50px; FILT4R: Alpha(opacity=80)">這邊打上文字即可</div>	<textarea onmouseover="this.focus();" style="BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; OVERFLOW: hidden; BORDER-LEFT: #000 1px solid; WIDTH: 200px; COLOR: #999; BORDER-BOTTOM: #000 1px solid; HEIGHT: 50px" onfocus="this.select()">這邊打上文字即可</textarea>

改變邊框成成虛線	改變邊框成成虛線
<div style="BORDER-RIGHT: 2px dashed; BORDER-TOP: 2px dashed; OVERFLOW: auto; BORDER-LEFT: 2px dashed; WIDTH: 200px; BORDER-BOTTOM: 2px dashed; HEIGHT: 50px">這裡打上文字</div>	<textarea onmouseover="this.focus();" style="BORDER-RIGHT: 2px dashed; BORDER-TOP: 2px dashed; OVERFLOW: auto; BORDER-LEFT: 2px dashed; BORDER-BOTTOM: 2px dashed;OVERFLOW: hidden; WIDTH: 200px; COLOR: #999; HEIGHT: 50px" onfocus="this.select()">這邊打上文字即可</textarea>

變成點點框線

<div style="BORDER-RIGHT: 2px dotted; BORDER-TOP: 2px dotted; OVERFLOW: auto; BORDER-LEFT: 2px dotted; WIDTH: 200px; BORDER-BOTTOM: 2px dotted;SCROLLBAR-FACE-COLOR: #fff; SCROLLBAR-HIGHLIGHT-COLOR: #fff;SCROLLBAR-SHADOW-COLOR: #fff; SCROLLBAR-3DLIGHT-COLOR: #fff; SCROLLBAR-ARROW-COLOR: #fff; SCROLLBAR-TRACK-COLOR: #fff;SCROLLBAR-DARKSHADOW-COLOR: #fff; SCROLLBAR-BASE-COLOR: #fff;HEIGHT: 50px">這裡打上文字</div>

邊框變雙框	邊框變雙框
<div style="BORDER-RIGHT: 5px double; BORDER-TOP: 5px double; OVERFLOW: auto; BORDER-LEFT: 5px double; WIDTH: 200px; BORDER-BOTTOM: 5px double; HEIGHT: 50px">這裡打上文字</div>	<textarea onmouseover="this.focus();" style="BORDER-RIGHT: 5px double; BORDER-TOP: 5px double; OVERFLOW: hidden; BORDER-LEFT: 5px double;WIDTH: 200px; COLOR: #999;BORDER-BOTTOM: 5px double;HEIGHT: 50px" onfocus="this.select()">這邊打上文字<textarea>

變成立體框	變成立體框
<div style="BORDER-RIGHT: #999999 5px inset; BORDER-TOP: #999999 5px inset; OVERFLOW: auto; BORDER-LEFT: #999999 5px inset; WIDTH: 200px; BORDER-BOTTOM: #999999 5px inset; HEIGHT: 50px">這裡打上文字</div>	<textarea onmouseover="this.focus();" style="BORDER-RIGHT: #999999 5px inset; BORDER-TOP: #999999 5px inset; OVERFLOW: hidden; BORDER-LEFT: #999999 5px inset; WIDTH: 195px; COLOR: #999; BORDER-BOTTOM: #999999 5px inset; HEIGHT: 48px" onfocus="this.select()">這邊打上文字</textarea>

邊框兩層色

<div style="BORDER-RIGHT: #999999 10px outset; BORDER-TOP: #999999 10px outset; SCROLLBAR-FACE-COLOR: #fff; SCROLLBAR-HIGHLIGHT-COLOR: #fff; OVERFLOW: auto; BORDER-LEFT: #999999 10px outset; WIDTH: 178px; SCROLLBAR-SHADOW-COLOR: #fff; SCROLLBAR-3DLIGHT-COLOR: #fff; SCROLLBAR-ARROW-COLOR: #fff; SCROLLBAR-TRACK-COLOR: #fff; BORDER-BOTTOM: #999999 10px outset; SCROLLBAR-DARKSHADOW-COLOR: #fff; SCROLLBAR-BASE-COLOR: #fff; HEIGHT: 45px">這裡打上文字</div>

框內加底圖	框內加底圖
<div style="BORDER-RIGHT: #f3a5c9 1px solid; BORDER-TOP: #f3a5c9 1px solid; FONT-WEIGHT: normal; OVERFLOW: hidden; BORDER-LEFT: #f3a5c9 1px solid; WIDTH: 200px;BACKGROUND-IMAGE: url(http://p7.p.pixnet.net/albums/userpics/7/5/232075/49316daf4cf6d.gif); BORDER-BOTTOM: #f3a5c9 1px solid; HEIGHT: 50px; filt4r: Alpha(opacity=80)">這邊打上字</div>	<textarea onmouseover="this.focus();" style="BORDER-RIGHT: #f3a5c9 1px solid; BORDER-TOP: #f3a5c9 1px solid; OVERFLOW: hidden; BACKGROUND-IMAGE: url(http://p7.p.pixnet.net/albums/userpics/7/5/232075/49316daf4cf6d.gif); BORDER-LEFT: #f3a5c9 1px solid; WIDTH: 200px; COLOR: #999; BORDER-BOTTOM: #f3a5c9 1px solid; HEIGHT: 50px" onfocus="this.select()">這邊打上文字</textarea>

改文字顏色.字型.大小	改文字顏色.字型.大小
<div style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT: 12pt Comic Sans MS; OVERFLOW: auto; BORDER-LEFT: 1px solid; WIDTH: 200px; COLOR: #000; BORDER-BOTTOM: 1px solid; HEIGHT: 50px; FILT4R: Alpha(opacity=10)">這邊打上文字</div>	<textarea onmouseover="this.focus();" style="BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; OVERFLOW: hidden; BORDER-LEFT: #000 1px solid; WIDTH: 200px; COLOR: #000;FONT: 12pt Comic Sans MS; BORDER-BOTTOM: #000 1px solid; HEIGHT: 50px" onfocus="this.select()">這邊打上文字</textarea>

點一下框內就反白(無名不支援)	ctrl+A反白全選
<textarea style="BORDER-RIGHT: #ddd 1px solid; BORDER-TOP: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; BORDER-BOTTOM: #ddd 1px solid" onfocus="this.select()" name="s1" rows="4" cols="48">這裡輸入文字</textarea>	<textarea style="BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 10px; FONT-SIZE: 11px; PADDING-BOTTOM: 10px; BORDER-LEFT: #ccc 1px solid; WIDTH: 200px; COLOR: #555; PADDING-TOP: 10px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 50px">這邊打上文字</textarea>

卷軸邊框顏色

卷軸箭顏色

解說
FONT: 8pt =文字大小
FONT-FAMILY=文字字型(另外有Verdana新細明體或者Comic Sans MS和標楷體等等..)
BORDER =線框
RIGHT=右邊
BOTTOM=下面
TOP=上面
LEFT=左邊
solid=直線框(款式還有double(立體) dotted (點點) dashed (虛線)
grooved(2色凹框)inset(上凹框)outset(下凹框)ridged (暗色凹框)
FILTER: Alpha(opacity=40)=變成半透明狀(數值可調)
width=寬度(框框)
HEIGHT:高度(框框)
COLOR=文字顏色
BACKGROUND-COLOR=框內加底色
BACKGROUND-IMAGE: url(***)=框內加入底圖(動畫亦可)

色碼參考色見本

捲軸語法產生器HTML卷軸語法產生器

本文引用自bluegirl73623 - 語法｜各式框框語法