CSS Dictionary

by leezche

CSS Dictionary by leezche

outline

Summary

엘리먼트 외곽선의 색상, 스타일, 너비를 지정하는 약식 속성입니다.

[ <'outline-color'> || <'outline-style'> || <'outline-width'> ] | inherit
기본값각 개별 속성의 기본값 참조
적용대상모든요소
상속상속안됨
퍼센테이지지정불가
미디어Visual, Interactive

Value

  • outline-color : 각 개별 속성값을 참조
  • outline-style : 각 개별 속성값을 참조
  • outline-width : 각 개별 속성값을 참조

Tip

  1. 아웃라인을 보더와 비슷한 속성이지만, 보더와는 달리 여백을 내용물과 밀착되어 선이 출력됩니다. 그렇기 때문에 반드시 사각형이나 직선으로 선이 그어지는 것은 아닙니다.
  2. 아웃라인을 공간을 차지 하지 않습니다.
  3. 보더와는 달리 outline-top, outline-left 속성은 없다.
  4. 다음과 같이 사용할 수 있습니다.
    a {
        outline: 1px dashed #000;
    }

     

Sample

댓글

오류나 오타 신고 환영합니다. ^^;;
(도와주세요!)

댓글 본문
  1. Bernardo Alihadi
    People need to know new information that is good for them and they can use for advance their life
    http://www.angkasakantor.com/ Angkasa Bali Jual Meja Kantor Kursi Kantor Peralatan Kantor No 1 di Bali Indonesia http://www.angkasabali.co.id/ Angkasa Bali Distributor Peralatan Kantor dan Furniture No 1 di Bali Indonesia http://www.angkasamalang.com/ Angkasa Malang Jual Peralatan Kantor dan Furniture No 1 di Malang Indonesia http://peralatankantorbali.blogspot.com/ Angkasa Bali Jual Peralatan Kantor dan Furniture Terlengkap http://www.angkasakantor.com......or/ Jual Meja Kantor di Bali http://www.angkasakantor.com......or/ Jual Kursi Kantor di Bali http://www.angkasakantor.com......ah/ Jual Kursi Kuliah di Bali http://www.angkasakantor.com......at/ Jual Kursi Lipat di Bali http://www.angkasakantor.com......ik/ Jual Kursi Plastik di Bali http://www.angkasakantor.com......un/ Jual Kursi Susun di Bali http://www.angkasakantor.com......gu/ Jual Kursi Tunggu di Bali http://www.angkasakantor.com......fe/ Jual Kursi Serbaguna di Bali http://www.angkasakantor.com......fa/ Jual Kursi Sofa di Bali http://www.angkasakantor.com......et/ Jual Filling Cabinet di Bali http://www.angkasakantor.com......or/ Jual Lemari Arsip Kantor di Bali http://www.angkasakantor.com......er/ Jual Locker di Bali http://www.angkasakantor.com......as/ Jual Brankas di Bali http://www.angkasakantor.com......or/ Jual Perlengkapan Kantor di Bali http://www.angkasakantor.com......at/ Jual Meja Rapat di Bali http://www.angkasakantor.com......at/ Jual Meja Lipat di Bali http://www.angkasakantor.com......fe/ Jual Meja Serbaguna di Bali http://www.angkasakantor.com......er/ Jual Meja Komputer di Bali http://www.angkasakantor.com......ah/ Jual Meja Kursi Sekolah di Bali http://www.angkasakantor.com......or/ Jual Meja Partisi Kantor di Bali http://www.angkasakantor.com......is/ Jual Meja Resepsionis Kantor di Bali http://www.angkasakantor.com......ual Rak Serbaguna di Bali http://www.angkasakantor.com......re/ Jual Home Furniture di Bali http://www.angkasakantor.com......ik/ Jual Elektronik Kantor di Bali http://www.angkasakantor.com......py/ Jual Sewa Mesin Fotocopy di Bali http://www.angkasakantor.com......ik/ Jual Produk Plastik di Bali http://www.angkasakantor.com......ik/lemari-plastik/ jual lemari plastiK http://www.angkasakantor.com......ik/meja-plastik/ jual meja plastiK http://www.angkasakantor.com......ik/ac/ Jual AC di Bali http://www.angkasakantor.com......ik/camera-cctv/ Jual CCTV http://www.angkasakantor.com......ik/cash-register/ Jual Cash Register http://www.angkasakantor.com......ik/detector-uang/ Jual Detector Uang http://www.angkasakantor.com......ik/mesin-absensi-elektronik/ Jual Mesin Absensi http://www.angkasakantor.com......ik/mesin-door-akses/ Jual Mesin Door Akses http://www.angkasakantor.com......ik/mesin-hitung-uang/ Jual Mesin Hitung Uang http://www.angkasakantor.com......ik/mesin-jilid/ Jual Mesin Jilid http://www.angkasakantor.com......ik/mesin-laminating/ Jual Mesin Laminating http://www.angkasakantor.com......ik/mesin-penghancur-kertas/ Jual Mesin Penghancur Kertas http://www.angkasakantor.com......ik/mesin-time-patrol/ Jual Mesin Time Patrol http://www.angkasakantor.com......ik/telp-pabx/ Jual Telp PABX http://www.angkasakantor.com......ox/ Jual Cash Box http://www.angkasakantor.com......ik/dispenser/ Jual Dispenser http://www.angkasakantor.com......em/ Jual Mobile File System http://www.angkasakantor.com......ox/ Jual Safety Box http://www.angkasakantor.com......re/cabinet/ Jual Cabinet http://www.angkasakantor.com......re/kamar-tidur/baby-box/ Jual Baby Box http://www.angkasakantor.com......re/kamar-tidur/lemari-pakaian/ Jual Lemari Pakaian http://www.angkasakantor.com......re/kamar-tidur/meja-belajar/ Jual Meja Belajar http://www.angkasakantor.com......re/kamar-tidur/meja-nakas/ Jual Meja Nakas http://www.angkasakantor.com......re/kamar-tidur/meja-rias/ Jual Meja Rias http://www.angkasakantor.com......re/kamar-tidur/rak-buku/ Jual Rak Buku http://www.angkasakantor.com......re/kamar-tidur/tempat-tidur/ Jual Tempat Tidur http://www.angkasakantor.com......re/rak-sepatu/ Jual Rak Sepatu http://www.angkasakantor.com......re/ruang-dapur/kitchen-cabinet/ Jual Kitchen Cabinet http://www.angkasakantor.com......re/ruang-keluarga/lemari-credenza/ Jual lemari Crendeza http://www.angkasakantor.com......re/ruang-keluarga/lemari-pajangan/ Jual Lemari Pajangan http://www.angkasakantor.com......re/ruang-keluarga/meja-sudut/ Jual Meja Sudut http://www.angkasakantor.com......re/ruang-keluarga/meja-tv/ Jual Meja TV http://www.angkasakantor.com......re/ruang-keluarga/rak-display/ Jual Rak Display http://www.angkasakantor.com......re/ruang-keluarga/tv-cabinet/ Jual TV Cabinet http://www.angkasakantor.com......re/ruang-makan/meja-kursi-makan-aveda/ Jual meja Kursi makan http://www.angkasakantor.com......or/alat-tulis-kantor/ Jual Alat Tulis http://www.angkasakantor.com......or/kotak-kunci/ Jual Kotak Kunci http://www.angkasakantor.com......or/movieboard/ Jual Movie Board http://www.angkasakantor.com......or/papan-tulis/glass-board/ jual glass board http://www.angkasakantor.com......or/papan-tulis/white-boardflip-chart/ jual white board http://www.angkasakantor.com......or/papan-pengumuman/ jual papan pengumuman http://www.angkasakantor.com......or/rak-koran/ Jual Rak Koran http://www.angkasakantor.com......or/tempat-sampah/ Jual Tempat Sampah http://www.angkasakantor.com......or/tiang-antrian/ Jual Tiang Antrian http://www.angkasakantor.com......or/tiang-bendera/ Jual Tiang Bendera http://www.angkasakantor.com......or/trolley/ Jual Trolley http://www.angkasakantor.com......or/alat-tulis-kantor/ Jual Alat Tulis Kantor
  2. 푸른하늘
    12일차 공부 감사합니다
  3. WayneKing
    고생 많이 하셨습니다.
  4. SeonHwa Kim
    Tip 1번 중.

    보더와는 달리 여백을 내용물과 밀착되어 선이 출력됩니다.
    ->제안) 보더와는 달리 내용물과 선이 여백없이 밀착된 형태로 출력됩니다.

    3. 보더와는 달리 outline-top, outline-left 속성은 없다. -> 없습니다. 또는 없음.

    ^_^
버전 관리
아무나
현재 버전
선택 버전
graphittie 자세히 보기