Internet/CSS34

CSS box-shadow text-shadow와 같이 요소의 그림자 효과을 주는 속성으로 배경을 기준으로 그림자 효과를 부여 합니다. 가로 세로 값은 필수입니다. CSS text-shadowbox-shadow: h-shadow v-shadow blur spread color inset h-shadow : 가로 v-shadow : 세로 blur : 번짐 spread : 그림자 크기 color : 색상 inset : 안쪽그림자 (기본 바같쪽)기본값:없음, 상속:안됨, 버전:CSS3 box-shadow:10px 10px; box-shadow:50px 50px 5px black; box-shadow:50px 50px 50px 5px black; box-shadow:10px 10px black inset; box-shadow:10px 1.. 2014. 2. 4.
CSS cursor cursor는 요소위에 마우스를 가지고 가면 커서의 모양을 변형 시켜주는 역할을 합니다. 보통 cursor:default, cursor:pointer 두 가지 속성을 많이 사용하며, body 커서 이미지를 적용하여 사이트나 블로그 전체에 커서를 적용할 수도 있습니다. 커서 모양만 바꾸어질 뿐 역할을 기본으로 합니다. 기본값:default, 상속:됨, 버전:CSS2 cursor:alias cursor:all-scroll cursor:auto cursor:cell cursor:context-menu cursor:col-resize cursor:copy cursor:crosshair cursor:default cursor:e-resize cursor:ew-resize cursor:help cursor:move.. 2014. 2. 3.
CSS border-radius border-radius 속성은 요소들이 4각형의 모서리를 둥글게 처리해주는 역할을 합니다. 모든 태그에 적용이 가능하며 Ie는 9이상 버전에서만 호환 됩니다. 기본값:없음, 상속:안됨, 버전:CSS3 border-radius:25px border-radius:10px 20px 30px 40px border-radius: 좌상 우상 우하 좌하 border-radius:20px 40px border-radius: 좌상우하 우상좌하 border-radius:25px 2014. 2. 3.
CSS border border는 각요소들의 윤곽선을 설정해 줍니다.두께와 모양은 필수이고 색상은 지정하지 않으면 기본 븍랙이고 상속 받은 색상이 있으면 그 색상으로 설정이 됩니다.border:width style color기본값:black, 상속:안됨, CSS1 border-width: 스타일속성은 필수입니다. border:2px solid #000 border:5px solid #000 border-bottom:5px solid #000 border-style:solid; border-bottom:10px solid border-style:solid; border-width:1px 5px 10px 20px ＊border-width:1px 5px 10px 20px - 위 오른쪽 아래 왼쪽＊border-width:1px 5.. 2014. 2. 1.
CSS text-shadow text-shadow는 글자에 그림자 효과를 표현 할수있는 속성입니다. CSS box-shadowtext-shadow : h-shadow v-shadow blur color h-shadow : 가로 v-shadow : 세로 blur : 번짐 color : 색상가로세로 지정은 필수입니다. 색상을 지정하지 않을 경우 폰트의 색상을 따라 갑니다. 기본값:없음, 상속:됨, 버전:CSS3 ie 9 이하 버전에서는 표현이 되지 않습니다. text-shadow: h-shadow v-shadow blur colortext-shadow:5px 5px text-shadow: h-shadow v-shadow blur color text-shadow:5px 5px #f40 text-shadow: h-shadow v-shado.. 2014. 2. 1.
CSS overflow overflow는 일정 법위를 넘어선 글을 어떻게 처리할지 설정을 합니다. overflow:visible overflow:hidden overflow:scroll overflow:auto 기본값:visible, 상속:안됨, 버전:CSS2 overflow:visible 북한의 남파특수공작 5446 부대. 20000:1의 경쟁률을 뚫은 최고 엘리트 요원 원류환, 공화국 최고위층 간부의 아들이자 류환 못지 않은 실력자 리해랑, 공화국 사상 최연소 남파간첩 리해진. 세 사람은 5446부대의 전설 같은 존재이다. overflow:hidden북한의 남파특수공작 5446 부대. 20000:1의 경쟁률을 뚫은 최고 엘리트 요원 원류환, 공화국 최고위층 간부의 아들이자 류환 못지 않은 실력자 리해랑, 공화국 사상 최연소.. 2014. 2. 1.
CSS font font: 속성은 폰트에 관련된 속성 값을 한번에 여러개를 적용할 수 있습니다. font-style: Value; font-variant: Value; font-weight: Value; font-size/line-height: Value; font-family: Value;폰트 속성은 { font:14px Georgia }와 반드시 같이 크기와 글꼴을 필수로 포함하여야만 합니다.기본값 : 없음, 상속 : 됨, 버전 : CSS1 가나다라마바사아자차카타파하ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyzTil this house feels like it did before Feels like insomnia ah ahfont:italic small-caps b.. 2014. 2. 1.
CSS text-align text-align: 속성은 작성된 문서의 글을 보기 좋게 정렬해 줍니다. text-align:left text-align:right text-align:center text-align:justify 기본값:(ltr)left, 상속:됨, 버전:CSS1 지켜주고 싶습니다. 그 여자... 보고 싶습니다. 그 남자… 잘나가던 복서였지만 어두운 상처 때문에 마음을 굳게 닫아버린 철민. 시력을 잃어가고 있지만, 늘 밝고 씩씩한 정화. 좁은 주차박스에서 외로운 시간을 보내고 있던 철민에게 꽃 같은 그녀, 정화가 나타났다. 나보다 나를 더 사랑해주는 사람. 두 눈을 감으면 선명해지는 그 얼굴, 오직 그대만. text-align:left 지켜주고 싶습니다. 그 여자... 보고 싶습니다. 그 남자… 잘나가던 복서였지만 .. 2014. 2. 1.
CSS list-style list-style은 ul 또는 ol 목록 태그의 리스트 스타일을 지정해 줍니다. 목록 태그들은 기본 padding과 margin을 가지고 있으며, 0의 값으로 시작하려면 padding:0; margin:0; 와 같이 속성을 설정해 줘야 하고, 이미지, 순번 또는 지정된 스타일로 목록을 보여 줄 수 있습니다. list-style-image: Value; list-style-position: Value; list-style-type: Value; 기본값:disc, outside, 상속:됨, 버전:CSS1 테스트테스트테스트 기본 스타일. 이미지 스타일이미지 스타일이미지 스타일list-style-image:url(images/arrow2-right.gif); list-style-position:Inside테스.. 2014. 2. 1.
CSS ol list-style-type ol 목록 태그의 스타일 속성과 적용 결과 입니다. 이 태그는 기본적으로 속해있는 li 태그에게 순번을 붙여주를 역할을 하고 속성을 주지 않으면 아라비아 숫자로 표기하며 list-style-type:none; 속성으로 해제할 수도 있습니다. 기본값:decimal, 상속:됨, 버전:CSS1 9 와11 지원하지 않는 스타일: cjk-ideographic, hebrew, hiragana, hiragana-iroha, katakana, katakana-iroha. ol 스타일 속성값 지정 결과목록 속성값 중 일부는 IE 나 오페라 브라우저에서 적용되지 않을 수 있습니다. list-style-type:armenian ol 스타일 속성값 지정 결과목록 속성값 중 일부는 IE 나 오페라 브라우저에서 적용되지 않을 수.. 2014. 2. 1.

티스토리툴바