- 전체(91)
- html5(1)
- web accessibility(11)
- Cross Browsing(20)
- html basic(7)
- css basic(23)
- meta(2)
- form(12)
- table(2)
- menu(2)
- box(1)
- button(1)
- font(1)
- etc(8)
- CSS 애니메이션
TextArea 박스 내부에 밑줄이미지 삽입
2009.09.09 00:03:47 (123.108.165.187)
** 간혹 TextArea를 보면 글쓰기 부분에 글쓰기밑줄이 있는 사이트가 있습니다.
** 간혹 TextArea를 보면 글쓰기 부분에 글쓰기밑줄이 있는 사이트가 있습니다.
** 그것을 가능하게 하는 소스입니다.
** 스타일시트를 정의합니다.
textarea.content {
font-family : "돋움";
font-size :
9pt;
color : #666666;
border : 1px #c9c9c9 solid;
background-image:
url(image/textline.gif); <= 요 부분이 라인 이미지를 넣는것이지요.
line-height:
15pt;
scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #C9C9C9;
scrollbar-highlight-color: #C9C9C9;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color:
#FFFFFF;
scrollbar-arrow-color: #666666
}
** 실제구현은 아랩니다.
<textarea name=context
Class=content></textarea>
** 텍스트 라인이 필요하면 여기서 다운받으세요..
http://sanso.pe.kr/board/image/textline.gif
** 여기의 게시물은 www.taeyo.net에서 참고해서 편집했습니다
[출처] [펌] TextArea 박스 내부에 밑줄이미지 삽입|작성자 메멘토
댓글 0
댓글 쓰기 권한이 없습니다.
12 | 폼 필드(input type="file") | 2017.05.29 |
11 | 폼필드(체크박스, 라디오) | 2017.05.29 |
10 | 폼 필드(select 박스) | 2017.05.29 |
9 | 폼 필드(input type="text") | 2017.05.29 |
8 | select box, input box style 초기화 CSS | 2017.05.29 |
7 | 파일 찾기 | 2017.04.27 |
6 | input placeholder line-height 적용 방법 1 | 2015.05.02 |
5 | form요소 css 스타일링 | 2015.05.02 |
4 | ime-mode 입력폼의 한영전환 지정하기 | 2014.11.14 |
> | TextArea 박스 내부에 밑줄이미지 삽입 | 2009.09.09 |
2 | 회원가입 입력폼등에서 한글을 입력받아야 할 경우와 영문만 입력 받고 싶은 경우 | 2009.09.08 |
1 | 자동 완성 기능 사용하지 못하게 하는 방법 1 | 2009.09.08 |