텍스트 박스 또는 입력박스 스타일 태그입니다. 정보
일반 텍스트 박스 또는 입력박스 스타일 태그입니다.관련링크
본문
제 홈 로그인이랑 엠파스 검색에 쓴건데여.... 도움이 될런지..
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;">
스타일 외 따로 적용할 분들을 위해 적었습니다.
도움이 되었기를...
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;">
스타일 외 따로 적용할 분들을 위해 적었습니다.
도움이 되었기를...
추천
5
5
댓글 전체
위에 적힌 것들을 css화 하여 사용함이 더 좋겠죠... 그누보드 보면 class를 이용합니다. 참고하세요
좋네요..