새

텍스트 박스 또는 입력박스 스타일 태그입니다.

· 2003-06-16 (월) 18:20:23 · 2864 · 2
제 홈 로그인이랑 엠파스 검색에 쓴건데여.... 도움이 될런지..

style="border-style:solid; border-color:#808080; border-width:1px; text-align:center; font-size:7pt;"

설명을 하자면 border-style:solid; 는 텍스트 박스의 테두리가 깔끔하게 선으로 처리되서 나옵니다.
예를 들면 border-style:dashed; 라고 하면 점선으로 테두리가 둘러집니다.

border-color:#808080;는 텍스트 박스 테두리 색깔입니다. 원하는 색으로 아무거나...

border-width:1px;는 텍스트 박스의 테두리 두께 조절하는 부분입니다. 기본값은 2px로 2픽셀로 되어 있습니다.
기본값으로는 조금 투박한 느낌이 있어서 거의 1px로 사용하고 있습니다.

text-align:center; 는 그 텍스트 박스안에 들어갈 글자의 정렬입니다. 텍스트 박스안에서 가운데 정렬입니다.
커서가 가운데서 깜빡거리게 되겠지요...

font-size:7pt; 는 그 텍스트 박스안에 들어갈 글씨 크기를 정해주는 겁니다. 글씨 크기에 따라서 텍스트 박스의 가로폭과
세로폭이 달라집니다.

적용예...
<input type=text size=17 maxlength=20 style="border-style:solid; border-color:#808080; border-width:1px; text-align:center; font-size:8pt;">

스타일 외 따로 적용할 분들을 위해 적었습니다.

도움이 되었기를...
|

댓글 2개

위에 적힌 것들을 css화 하여 사용함이 더 좋겠죠... 그누보드 보면 class를 이용합니다. 참고하세요
좋네요..
댓글을 작성하시려면 로그인이 필요합니다.

그누3 팁자료실

1,026건
+
제목 글쓴이 날짜 조회
03-06-16 조회 2,865
03-06-15 조회 3,279
03-06-14 조회 2,676
03-06-13 조회 2,097
03-06-13 조회 2,334
03-06-13 조회 1,802
03-06-12 조회 2,860
03-06-12 조회 1,951
03-06-10 조회 1,850
03-06-10 조회 1,816
03-06-06 조회 2,044
03-06-05 조회 3,029
03-05-31 조회 2,686
03-05-31 조회 2,413
03-05-24 조회 2,691
03-05-21 조회 2,202
03-05-21 조회 3,852
03-05-20 조회 2,484
03-05-19 조회 1,975
김김현철
03-05-18 조회 3,019