@charset "UTF-8";

html { width :100%; height:auto; } 
body {width:100%;height:auto;display:inline-block;overflow:auto; margin-left:0px;
margin-top:0px;overflow-x:hidden;overflow-y:auto;}

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~가로사이즈 수정은 사이트작성 따름이요.
form { display:inline;}
    a { text-decoration:none;color:black;}
    a:hover{text-decoration:underline black solid 2px;color:black;}
    a:active{text-decoration:underline black solid 2px;color:black;}

~~~~~~~a 링크의 기본값은 역시나 검정.. 그러나 효과를 좀더 주려고...
    
textarea { resize:none;outline:none;border-left:0px;border-right:0px;line-height:20px; 
border-bottom:1px solid black;word-break:break-all;white-space:pre-wrap;overflow-y:auto;line-height: }

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~nl2br 필요없음. stripslashes만 쓰면됨.

그리고... 출력은 있는 그대로 입력했으니. 그대로 다시 반송(?)?[출력]하니  박스 사이즈 조절 못하게 일반적.

조절되면 귀찮아짐. 그리고. 스크롤은 수직 사이즈[아래의 .message_block]보다 더 많은 라인수를 입력하면 자동으로 스크롤바 붙여놔라.

line-height는 15나 20

input type=text에서  maxlength로 입력문자 컷팅을  css의 clip자체로 강제 결계급 시켜버림.
input[type=text] { text-overflow:clip;}
kbd {  background-color:#363945;color:white;padding-left:3px;font-weight:900;margin-left:10px;border:0px;} // 카테고리용 색깔만족은 ??

-카테고리 설정 입맛대로 수정하는 kbd.

.message_block{width:100%;height:500px;margin-top:5px;margin-bottom:10px;padding-top:10px;float:left;display:block;} // 양 옆의 선그으면 -2 전체 선긋기 -4 위아래선긋기 -0 

~~~~~~~~~~~~~~~~~~~~~~textarea . [개념도 ]A4용지에 선긋어보기. 그런데 선긋고 연산이 이상함.제일편한건..

위지윅에디터달지 앟을경우. 위항목 아래 textarea 아래항목 이것이 제일 무난함. 그렇다고 옆구리에 선긋기만하면... 숫자계산을 다시해야 함.