[css3] border-radius 속성(둥근 모서리)
[css3] border-radius 속성(둥근 모서리) 둥근 모서리를 만들 때 border-radius 속성을 사용합니다. ▶문법 border-radius: : 길이값|% / 길이값|% *길이값: px , cm, in, pt 등 *기본값은 0 *길이값은 top-left, top-right, bottom-right, bottom-left 순임. (상단 왼쪽부터 시작하여 시계방향으로 돌아감) *슬래시 앞이 수평 반지름, 슬래시 뒤가 수직 반지름이며 슬래시가 없을 경우, 수평, 수직이 동일하게 적용됩니다. 값이 1개 일 때 - 상,하,좌,우 동일한 값이 적용되며 값이 2개일 때- 첫번째 값이 top-left, bottom-right 두번째는 top-right, bottom-left 값이 3개일 때 - 첫번째..
2014. 10. 6.
[html] pre, code 태그 차이
[html] pre, code 태그 차이 코드를 작성할 때 작성한 텍스트가 있는 그대로 출력되기를 원할 때가 있습니다. 태그는 컴퓨터나 프로그래밍 코드 일부를 그대로 표시하고자 할 때 유용합니다 태그는 컴퓨터 프로그램에서 샘플을 출력할 때 태그는 키보드 입력을 지정할 때 태그는 변수를 입력할 때 유용합니다. 역시, 미리 작성된 텍스트를 있는 그대로 표시해주며, 블록 형태로 사용될 수 있습니다. 즉, 여러 줄의 코드를 그대로 출력하고자 할 때 위의 code, samp, kbd, var등을 둘러싼 형태로 사용 합니다. code 사용 예: function Panel(element, canClose, closeHandler) { this.element = element; this.canClose = canClo..
2014. 9. 29.
[css] 색상값 단위 5가지(rgba 포함)
[css] 색상값 단위 5가지(rgba 포함) css 색상값(color value)을 입력할 때 다음 색상 단위를 이용할 수 있습니다. 1. 색상 이름(red,black, blue 등) 2. rgb(red, green, blue)값 3. rgba(red, green, blue, alpha)값 4. hsl(hue, saturation, linhtness)값 5. hsla(hue, saturation, lightness, alpha)값 이 중, rgba, hsl, hsla는 css3 으로 다음 브라우저에서만 지원합니다. IE9+,Chrome 4.0+, FireFox 3.0+, Safari 3.1+, Opera 10.0+, CSS 색상 단위 1. 색상 이름(color keyword) black, white, ..
2014. 9. 23.
