본문 바로가기 메뉴 바로가기

Ming's Fragment

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Ming's Fragment

검색하기 폼
  • 전체글보기
    • WS & SCript
    • Fragment
    • Link
    • Html-Css
  • 방명록

CSS3 (1)
[CSS3] border-image를 사용해보자

Android나 IOS 앱을 만들때는 버튼이나 배경이미지 사용시, 해상도에 관계없이 영역을 늘리기위해 나인패치(Nine-Patch) 이미지를 사용했지만 Web에서는 라이브러리를 사용하지 않으면 앱처럼 원하는대로 이미지가 늘어나지 않는다. But~ CSS3에서 제공되는 border-image 속성을 사용하여 나인패치 효과가 가능하다. border-image는 아래 속성들의 단축속성이다. ( border-image: source slice width outset repeat|initial|inherit; ) border-image-source /* 키워드 값 */ border-image-source: none; /* 값 */ border-image-source: url(image.jpg); border-im..

Html-Css 2021. 12. 29. 10:37
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
  • Standard Magazine - Forum
  • Mozilla Developer Center
  • DHTML Demos
  • Script Refer1
TAG
  • embed music
  • web nine patch
  • ClearBoth 세미나
  • CSS3
  • keystroke
  • 가산투바
  • 백다방 아샷추
  • 미패드4
  • 단거좋아
  • 케이크
  • onkeydown
  • 부천포켓볼
  • onkeypress
  • t아이폰케어14pro
  • SK Apn
  • 크롬 새창 열기
  • 샤오미
  • 초콜렛
  • keyCode
  • 위드풀
  • border image
  • 아이폰배터리교체
more
«   2025/07   »
일 월 화 수 목 금 토
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
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바