일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 공모주
- 맥
- Stock ipo
- 주식 청약
- 리눅스
- 자바
- Oracle
- 공모주 청약 일정
- 코드이그나이터
- css
- java
- php
- MYSQL
- Eclipse
- 주식
- 오라클
- jquery
- JavaScript
- 7월 공모주 청약 일정
- Stock
- SQL
- 제이쿼리
- JSTL
- 자바스크립트
- 공모주 청약
- linux
- html
- IPO
- codeigniter
- 주식 청약 일정
- Today
- Total
목록개발/html & css (107)
개발자의 끄적끄적
[html/css] css border-radius example / css로 특정 영역 동그랗게 만드는 방법 html 에서 이미지나 특정영역을 동그란 원과 같이 만들어야 하는경우에는 아래 나와있는 border 옵션을 해당 태그에 추가해주면 됩니다! border-radius: 70%; 만약 동그란 원이 아닌 꼭지점 4개만 둥그런모양으로 하고 싶은경우에는 아래 처럼 border-radius 옵션을 30%로 설정하면 됩니다! border-radius: 30%; 참고들하세요!
[html/css] css hide scroll bar example / css 로 스크롤 바 숨기는 방법 html 에서 특정영역에 생성되는 스크롤바를 노출시키고 싶지 않은 경우에는 아래와 같이 css 를 이용하면 스크롤바를 노출하지 않고 스크롤 기능은 유지할 수 있습니다. 아래와 같이 main 이라는 클래스 명을 가지는 div 가 있다고 가정하고, IE 이거나 Firefox 브라우저의 경우는 아래와 같이, .main { -ms-overflow-style: none; scrollbar-width: none; } Chrome 이나 Safari 브라우저의 경우는 아래와 같이 .main::-webkit-scrollbar { display: none; } css 를 적용하시면 됩니다! 참고들 하세요!
[html/css] html video tag border none example / html 비디오 태그 테두리 제거하는 방법 html 에서 video 태그를 사용하여 영상을 재생하는 코드를 다루다 보면 영상이 재생되었을때 비디오 테두리 영역이 생기는 현상이 있습니다! 그럴때는 아래와 같이 css 를 이용하시면 됩니다! 우선 video_player 라는 아이디를 가지는 video 태그가 있다고 가정하고, 아래와 같이 css 옵션으로 outline 와 border 를 none 으로 설정하시면 됩니다! #video_player { outline: none; border: none; } 참고들 하세요!
[html/css] html input disable autocomplete example / html input 자동완성 비활성 설정 방법 html 에서 input type text 를 이용해서 데이터를 입력받다 보면 사용자의 브라우저 환경에 따라서 자동완성 기능이 활성화됩니다! 그럴때는 아래 나와있는 내용처럼 autocomplete 옵션을 이용하여 제어할 수 있습니다. 위 내용을 보시면 아시겠지만, autocompltet 옵션값을 no 로 설정하여 자동완성을 비활성화 하는 내용입니다! 참고들 하세요!
[html/css] html a tag target option example / html a 태그 target 옵션들 html 에서 a 태그를 사용하여 링크를 설정하다보면 새창에서 여는지 현재창에서 여는지 등등 창이 열리는 방식을 설정해야 하는 경우가 있습니다. 그럴때 target 라는 옵션을 사용합니다. 이번에는 target 옵션의 종류를 공유해보고자 합니다! _blank => 새창에서 열기 _self => 현재 창에서 열기 _parent => 부모창에서 열기 _top => 최상위 창에서 열기 위 내용보시면 아시겠지만, 4가지 옵션이 있고 각각 창이 열리는 방식이 약간씩 다릅니다. 사용법은 아래와 같습니다! 참고들 하세요!
[html/css] html input tag 영문 입력 우선 설정 방법 html input 태그에서 영문 입력을 우선으로 설정하고 싶은 경우가 종종 있습니다. 그럴때는 한글입력 우선과 동일하게 style 에 ime-mode 를 추가하시면 됩니다. 위에 나와있는 내용처럼 ime-mode 을 inactive 로 추가하면 영문입력을 우선으로 설정할 수 있습니다! 한글과 동일하고 active / inactive 만 다릅니다! 참고들 하세요!
[html/css] html input 초기값 한글 설정 방법 html 에서 input 태그로 구현된 입력창을 한글키보드가 우선 선택되게 설정해야 하는 경우가 있습니다! 그럴때는 ime-mode 라는것을 사용하시면 됩니다. 위 내용보시면 아시겠지만, style 에 ime-mode:active 를 추가하시면 됩니다! 참고들 하세요!
[html/css] html input number only example / html input 숫자만 입력받도록 설정하는 방법 html 에서 input 태그를 이용해서 입력창을 만들다보면, 숫자만 입력해야하는 경우가 있습니다! 그럴때는 아래처럼 input type 을 number 로 선언하시면 됩니다! 위처럼 선언하면 input 에 숫자만 입력이 가능하고, 위 아래 숫자를 늘리고 줄일수 있는 버튼이 생성됩니다! 그래도 정확히 숫자만 입력받기 위해서는 onkeyup 이나 onkeypress 같은 이벤트를 받아서 체크하는게 정확합니다! 참고들 하세요!