2017년 5월 20일 토요일

textarea에 스타일 주는 방법

TEXTAREA 스타일
* 일반적인 스타일 주기(전체 적용 스타일)
    TEXTAREA {
        scrollbar-face-color:#FFFFFF;
        scrollbar-shadow-color:BLACK;
        scrollbar-highlight-color:BLACK;
        scrollbar-3dlight-color:#FFFFFF;
        scrollbar-darkshadow-color: #FFFFFF;
        scrollbar-track-color: #FFFFFF;
        scrollbar-arrow-color:#6600FF;
        border: 0;
        border-width:1;
        border-style:solid;
        border-color:white;
        border-style:groove;
        border-color:white;
        border-style:groove;
        background-color: #c6f3ff;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-position: bottom right;
        font-family: 돋움,arial;
        font-size: 12px;
        font-family:Verdana;
        font-style:normal;
        font-weight:bold;
        font-size:8pt;
        scroll:none;
        overflow-x:hidden;
        overflow-y:hidden;
        overflow-y:auto;
        color: #333333;
        line-height:120%;
        width:100%;
        text-align:center;
        vertical-align: middle;
        background-image: url('line.gif'); //배경에 이미지를 붙여서 처리
    };

* border-style(선종류) : dotted, dashed, solid, double, groove, ridge, inset, outset
* font-weight : bold, bolder, lighter등
* font-family(글자체) : Verdana, italic등
* overflow-x, overflow-y(스크롤바 보이기 감추기)  : hidden, scroll, auto

* TEXTAREA 내에 밑줄긋기(배경에 이미지를 붙여서 처리한다.)
    <TEXTAREA ROWS="10" COLS="50" style="border-width:1; border-style:solid; background-image: url('line.gif'); "></textarea>