테스트 사이트 - 개발 중인 베타 버전입니다

쓸모있는 'border-collapse' 속성

· 20년 전 · 4486 · 2

쓸모있는 'border-collapse' 속성

출 처 : CSS2
실행가능한 브라우저 : IE에서만 테스트했음.
소 개
CSS Level 2에 포함되어 있는 'border-collapse'는 Table에 적용되는 속성으로 'separate', 와 'collapse'의 두 값을 가집니다.

적용예
1) border-collapse:separate
서 울5,000원
부 산10,000원
광 주15,000원
2) border-collapse:collapse
서 울5,000원
부 산10,000원
광 주15,000원
3) border-collapse 속성을 사용하지 않았을 때
서 울5,000원
부 산10,000원
광 주15,000원
소 스
  1. <style type="text/css">
  2. td.ex
  3. {
  4. border:solid 1px red;
  5. padding:5px;
  6. }
  7. </style>
  8. <TABLE STYLE="border-collapse:separate;" width=500px>
  9. <TR><TD class=ex>서 울</TD><TD class=ex>5,000원</TD></TR>
  10. <TR><TD class=ex>부 산</TD><TD class=ex>10,000원</TD></TR>
  11. <TR><TD class=ex>광 주</TD><TD class=ex>15,000원</TD></TR>
  12. </TABLE>
[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 2개

아,, 이런용도였군요,, 이제서야 CSS 의 중요성을 알고 다시 공부하고 있다는,,^^
좋은 정보 얻어갑니다,,
감사합니다`^^

게시글 목록

번호 제목
8511
8510
8509
8506
8505
8503
8502
8497
8492
8491
8490
8489
8487
8484
8483
8482
28459
8481
8478
8477
8475
8474
8473
8472
8471
8469
8468
8467
8466
8465
8464
8463
8462
8461
8460
8459
8458
8457
8456
8455
8452
8451
8449
28458
8445
8444
8443
8442
8441
8440
8439
8438
8437
8436
8435
8433
8428
8427
8426
28456
8425
8424
8423
8422
8421
8419
8418
8417
28455
8416
8415
JavaScript 배열함수
8414
8412
JavaScript mktime() 1
28454
8411
28451
8410
JavaScript strrchr()
8409
기타 key()
8406
8405
28450
8404
8403
8402
8401
8400
8399
8391
8390
8389
8387
28447
8386
8384
8382
8380
8379
8377
8376
8375