잠시만 기다려 주세요

HOME   |  여기는?   |  바다물때표   |  여러가지 팁 (829)  |  추천 및 재미 (93)  |  자료실 (18)  |  끄적거림 (474)  |  시나리오 (760)  |  드라마 대본 (248)  |  

2020년 01월 28일
술만 마시고 집에서만 좌절 하기에는 세상은 너무 낭비다. 버리고 뛰쳐나가자. 세상에는 볼 것과 할 것이 너무나 많다. - 바다아이
 




    html/css/xml

html/css/xml - 테이블, 이미지 테두리관련 border 스타일
이 름 : 바다아이   |   조회수 : 2346         짧은 주소 : https://www.bada-ie.com/su/?961523209171
테이블,이미지 테두리 스타일 .................................................
테이블 태그나 이미지등 테두리선에 대한 스타일을 ! 특히 점선이나 한편을 다르게 표현하고자 할 때는 CSS를 사용할 수 있다.


border-style
border-style:none
 
border-style:dotted
 
border-style:dashed
 
border-style:solid
 
border-style:double
 
border-style:groove
 
border-style:ridge
 
border-style:inset
 
border-style:outset
 
* 4개의 태드리선을 모두 다르게 적용하려면
border-top-style
border-bottom-style
border-left-style
border-right-style 를 따로 따로 지정해야한다.


border-color
border-color:#006699
border-style:dotted
 
border-color:tomato
border-style:dashed
 
border-color:orange
border-style:solid
 
* 4개의 태드리선을 모두 다르게 적용하려면
border-top-color
border-bottom-color
border-left-color
border-right-color 를 따로 따로 지정해야한다.


border-width
border-width:1px
border-color:#006699
border-style:dotted
1px
 
3px
border-width:1px
border-color:tomato
border-style:dashed
1px
 
3px
border-width:1px
border-color:orange
border-style:solid
1px
 
3px
* 4개의 태드리선을 모두 다르게 적용하려면
border-top-width
border-bottom-width
border-left-width
border-right-width 를 따로 따로 지정해야한다.


margin (바깥쪽 여백)
margin:3px
border-width:1px
border-color:#006699
border-style:dotted
margin 없이
 
margin:3px
 
margin:10px
* 4개의 태드리선을 모두 다르게 적용하려면
margin- top
margin-bottom
margin-left
margin-right 를 따로 따로 지정해야한다.


width, height
width=300
height=40
border-width:1px
border-color:#006699
border-style:dotted
width=300
height=40


padding (안쪽 여백)
padding:5px
width=300px
border-width:1px
border-color:#006699
border-style:dotted
내용물 주위로 여백이...
* 4개의 태드리선을 모두 다르게 적용하려면
padding-top
padding-bottom
padding-left
padding-right 를 따로 따로 지정해야한다.


이미지에 적용하기
sonccc.gif sonccc.gif sonccc.gif
border-style:dotted;
border-color:orange;
border-width:3px
border-style:dashed;
border-color:orange;
border-width:3px
border-style:outset;
border-color:orange;
border-width:3px
 
   
내용출처 : http://www.dragoneye.co.kr/
| |


      1 page / 2 page
번 호 카테고리 제 목 이름 조회수
42 html/css/xml html tab , .... 바다아이 1196
41 html/css/xml css on/off , toggle switch , 바다아이 1334
40 html/css/xml pt, px, em, %, font 바다아이 1314
39 html/css/xml (font face) 바다아이 1596
38 html/css/xml .... 바다아이 1757
37 html/css/xml html MIME ... 바다아이 1772
36 html/css/xml ckeditor ajax .... 바다아이 1758
35 html/css/xml [] , 바다아이 1800
34 html/css/xml , , , ico 바다아이 1769
33 html/css/xml input , autocomplete 바다아이 1824
32 html/css/xml [CSS] , border-radius, 바다아이 2266
31 html/css/xml ckeditor 4 ... 바다아이 2694
30 html/css/xml HTTP/2 ? 바다아이 2337
29 html/css/xml HTTP/2 ? 바다아이 2208
28 html/css/xml xml .... sitemap.xml 바다아이 2364
27 html/css/xml ckeditor config.js .... 바다아이 2626
26 html/css/xml 바다아이 2492
25 html/css/xml 바다아이 2340
현재글 html/css/xml , border 바다아이 2347
23 html/css/xml , 바다아이 2338
22 html/css/xml (= HTML ), entity code 바다아이 2976
21 html/css/xml (Won;) (;Backslash; ) , , 바다아이 2820
20 html/css/xml 바다아이 2402
19 html/css/xml / / 바다아이 2705
18 html/css/xml css3 ... demo . ^^; 바다아이 2312
17 html/css/xml mouse over , Hover Fade Effect using CSS 바다아이 3669
16 html/css/xml [html] TD TR , mouse over 바다아이 2674
15 html/css/xml , (marquee) 바다아이 2656
14 html/css/xml scroll , 바다아이 2556
13 html/css/xml ckeditor , , 바다아이 3925
| |




Copyright ⓒ 2001.12. bada-ie.com. All rights reserved.
이 사이트는 리눅스에서 firefox 기준으로 작성되었습니다. 기타 브라우저에서는 다르게 보일 수 있습니다.
[ FreeBSD + GoLang + PostgreSQL ]
서버위치 : 서울 Amazon Lightsail  실행시간 : 0.39632
to webmaster... gogo sea. gogo sea.