일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- java
- php
- IPO
- Eclipse
- JavaScript
- css
- 주식 청약
- 자바
- 주식
- Stock ipo
- 맥
- 리눅스
- 오라클
- codeigniter
- 제이쿼리
- Stock
- 공모주 청약 일정
- 자바스크립트
- JSTL
- html
- 공모주 청약
- 7월 공모주 청약 일정
- jquery
- 코드이그나이터
- MYSQL
- SQL
- Oracle
- 주식 청약 일정
- 공모주
- linux
- Today
- Total
목록개발/html & css (107)
개발자의 끄적끄적
[html/css] svg path text 사용법 Quick brown fox jumps over the lazy dog. 위 샘플 소스에서 처럼 텍스트를 띄우고 싶은 svg path 의 아이디값을 Quick brown fox jumps over the lazy dog. 파란색 블럭 친 textPath href 자리에 넣어주면 됩니다. 참고들하세요! 출처 : developer.mozilla.org/en-US/docs/Web/SVG/Element/textPath
[html/css] SVG 텍스트 [펌] 요소는 SVG 그래픽 내에 텍스트를 마크업 할 때 사용합니다. 많은 속성 옵션을 제공하며, 그레디언트, 패턴, 클리핑 패스, 마스크 또는 필터에도 적용 할 수 있습니다. SVG 그래픽은 일반 그래픽 이미지와 달리 SVG 코드 내에서 쉽게 변경하고 편집 할 수 있어 그래픽에 확장 가능한 텍스트를 포함하는 매우 강력한 기능을 제공합니다. SVG 텍스트 웹폰트 Leckerli One evening 드래그 복사가 가능한 SVG 텍스트 텍스트가 SVG 뷰포트에 잘려 보인다면? 뷰포트 크기를 조정하세요. 기본 속성 SVG 뷰포트에 요소를 배치하는 속성입니다. x, y 속성은 절대좌표입니다. 추가적으로 dx, dy 속성을 사용하면 설정된 좌표에 상대적으로 위치 이동시킬 수 있..
[html/css] 파일첨부시 특정 파일확장자만 선택하게 하기 [펌] 태그에 accept 속성으로 사용자가 첨부하려는 파일을 특정할 수 있다. 실제 동작하는 모습을 보여주기 위하여 예제를 준비 했다. 하단의 링크를 클릭해서 어떤 모습인지 확인이 가능하다. HTML Example: 파일 선택시 지정한 파일 종류만 보이게 하기 특정 확장자의 파일만 보이는 파일선택 다이얼로그 창 이미지 사용방법은 input 태그에 accept 속성만 주면되고. 속성의 값으로 사용 할 수 있는 방법은 특정 확장자를 지정하거나 미디어 타입을 지정하는 방법 또는 audio/*, video/*, image/* 형식의로 정의 할 수 있다. 파일 확장자로 지정하는 것은 .gif, .jpg, .png 와 같이 나열 하면 된다. 구분은 ,..
[html] 캐시 방지 설정 html 코드 상단의 head 부분에 아래와 같이 meta tag를 추가해주면 됩니다!! 참고하시고! 개발에 도움들 되시길! 오늘도 화이팅!
[html/css] CSS / CSS를 HTML에 적용시키는 방법 HTML에 CSS를 적용시키는 방법은 세가지가 있습니다. 각 방법은 장단점이 있으니 상황에 맞게 적절한 방법을 택합니다. Inline Style Sheet HTML 태그의 style 속성에 CSS 코드를 넣는 방법입니다. Internal Style Sheet HTML 문서 안의 안에 CSS 코드를 넣는 방법입니다. Linking Style Sheet 별도의 CSS 파일을 만들고 HTML 문서와 연결하는 방법입니다. Inline Style Sheet Inline Style Sheet는 HTML 태그의 style 속성에 CSS 코드를 넣어 적용시키는 방법입니다. 간단한 예는 다음과 같습니다. Lorem ipsum dolor. 해당 태그(위 코..
[html/css] IE img label for 클릭 안될때 처리방법 보통 아래 코드 같은 경우 이미지를 클릭하면 체크박스에 체크가 되지만 IE의 경우 정상적으로 동작하지 않습니다. 체크체크 체크체크 해결책은 아래 css 를 적용하면 됩니다. label { display: inline-block; } label img { pointer-events: none; } 출처: https://goni9071.tistory.com/363 [고니의꿈]
[html/css] 버튼 정렬 방법 추가적으로 float 속성을 찾아서 좌 / 우 정렬을 수정할 수 있습니다!! 참고들 하세요!!
[HTML] prefers-color-scheme . html에 다크모드에 맞춰서 스타일 변경하기 [펌] 요즘 다음 뉴스도 적용되었길레 조사해봤음. prefers-color-scheme 값은 light와 dark 만 가질 수 있다. 나머지 다른 값들은 무시됨. chrome 76부터 지원 사파리 12.1 부터 지원 IOS 사파리 13 부터 지원 [ ▼ 참고 Source ] 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 .themed { display: block; width: 10em; height: 10em; background: black; color: white; } /* light 모드일 때의 스타일 재선언 */ @media (prefers-colo..