글로우 효과는 개체 주위에 글로우를 만드는 데 사용됩니다. 투명한 이미지인 경우 불투명한 픽셀 주위에 광선이 생성됩니다. 이 필터에 사용할 수 있는 매개변수는 다음과 같습니다. 매개변수 설명 색상 글로우를 원하는 색상. 강도 글로우의 강도(1에서 255까지). 예시 다음 코드를 실행하여 개체 주위에 빛을 만들 수 있습니다. <html> <head> </head> <body>
회색조 효과를 사용하여 개체의 색상을 256개의 회색 음영으로 변환합니다. 이 필터에는 다음 매개변수가 사용됩니다. 매개변수 설명 회색 개체의 색상을 256개의 회색 음영으로 변환합니다. 예시 다음 코드를 실행하여 회색조 효과를 설정할 수 있습니다. <html> <head> </head> <body> <img src="/css/images/log
그림자 필터는 지정된 방향과 색상으로 감쇠된 그림자를 만드는 데 사용됩니다. 이 필터에 사용할 수 있는 매개변수는 다음과 같습니다. 매개변수 설명 색상 그림자를 원하는 색상. 방향 흐림 효과의 방향(시계 방향, 45도 단위로 반올림됨). 기본값은 270(왼쪽)입니다. 0 =상단 45 =오른쪽 상단 90 =오른쪽 135 =오른쪽 하단 180 =바닥 225 =왼쪽 하단 270 =왼쪽 315 =왼쪽 상단 예시 다음 코드를 실행하여 섀도우 필터를 구현할 수 있습니다 - <html>
:link 사용 링크 색상을 설정하는 클래스입니다. 가능한 값은 모든 유효한 형식의 색상 이름일 수 있습니다. 예시 다음 코드를 실행하여 링크 색상을 설정할 수 있습니다 - <html> <head> <style> a:link { color:#FF0000 &
개요 너비 속성은 윤곽선의 너비를 설정하는 데 사용됩니다. 값은 길이 또는 얇음, 중간 값 중 하나여야 합니다. 또는 두꺼운 , border-width 속성과 같습니다. 예시 <html> <head> </head> <body> <p style = "outline-width:thin; outline-style:solid;"> &nbs
:active 사용 활성 링크의 색상을 변경하는 클래스. 가능한 값은 모든 유효한 형식의 색상 이름일 수 있습니다. 예시 다음 코드를 실행하여 활성 링크의 색상을 구현할 수 있습니다. − <html> <head> <style> a:active { color: #FF00CC &nbs
:focus 사용 포커스가 있는 링크의 색상을 변경하는 클래스입니다. 가능한 값은 유효한 형식의 모든 색상 이름일 수 있습니다. 예시 다음 코드를 실행하여 초점이 맞춰진 링크의 색상을 구현할 수 있습니다. − <html> <head> <style> a:focus { color: #0000FF &
이 요소를 사용하여 선택기 텍스트의 첫 번째 줄에 특수 스타일을 추가합니다. 다음 예는 :first-line 요소를 사용하여 문서의 첫 번째 요소 행에 특수 효과를 추가하는 방법을 보여줍니다. 예시 <html> <head> <style> p:first-line { text-decoration: under
:first-letter 요소를 사용하여 문서 요소의 첫 글자에 특수 효과를 추가합니다. 다음 코드를 실행하여 텍스트의 첫 글자에 특별한 스타일을 추가할 수 있습니다 - 예시 <html> <head> <style> p:first-letter { font-size: 5em; &nb
:before 요소를 사용하여 요소 앞에 내용을 삽입하십시오. 예시 CSS −를 사용하여 요소 앞에 일부 콘텐츠를 삽입하기 위해 다음 코드를 실행할 수 있습니다. <html> <head> <style> p:before { content: url(/images/bullet.gif) &nbs
CSS를 사용하여 이미지에 페이드 아웃 왼쪽 애니메이션 효과를 구현하려면 다음 코드를 실행할 수 있습니다. - 예시 <html> <head> <style> .animated { background-image: url(/css/images/logo.png);
!important 규칙은 CSS를 계단식으로 만드는 방법을 제공합니다. 여기에는 항상 적용되어야 하는 규칙도 포함됩니다. !important 속성이 있는 규칙은 CSS 문서에서 해당 규칙이 나타나는 위치에 관계없이 항상 적용됩니다. 예를 들어 다음 스타일 시트에서 첫 번째 스타일 속성이 빨간색으로 적용된 경우에도 단락 텍스트는 검정색이 됩니다. - <style> <!-- p { color: #ff0000; }
CSS로 작성된 스타일 시트의 문자 집합을 나타내려면 @character 규칙을 사용하십시오. @charset 규칙은 스타일 시트의 시작 부분에 공백 없이 바로 작성해야 합니다. 값은 따옴표로 묶여 있으며 표준 문자 집합 중 하나여야 합니다. 예시 예를 살펴보겠습니다. , <style> <!-- @charset "iso-8859-1" .......other CSS rules ..... &n
개요 스타일 속성은 요소를 둘러싸는 선의 스타일을 지정합니다. 다음 값 중 하나를 사용할 수 있습니다. - 없음 - 국경이 없습니다. (outline-width:0;) 단단함 - 윤곽선은 단일 실선입니다. 점선 - 윤곽선은 일련의 점입니다. 파선 - 개요는 일련의 짧은 줄입니다. 더블 - 윤곽선은 두 개의 실선입니다. 그루브 - 개요가 페이지에 새겨진 것처럼 보입니다. 릿지 - 윤곽선은 홈과 반대 방향으로 보입니다. 삽입 - 윤곽선은 상자가 페이지에 포함된 것처럼 보이게 합니다. 시작 - 윤곽선은 상자가 캔버스에서 튀어나온 것처
윤곽선 색상 속성을 사용하면 윤곽선의 색상을 지정할 수 있습니다. 그 값은 color 및 border-color 속성과 마찬가지로 색상 이름, 16진수 색상 또는 RGB 값이어야 합니다. 예시 다음 코드를 실행하여 outline-color를 구현할 수 있습니다. 속성 - <html> <head> </head> <body> <p style = "outline-width:t
:방문자 의사 클래스는 방문한 링크에 특별한 스타일을 추가하는 데 사용됩니다. 가능한 값은 모든 유효한 형식의 색상 이름일 수 있습니다. 예시 <html> <head> <style> a:visited { color: #006600 }
여백 속성은 HTML 요소 주위의 공간을 정의합니다. 콘텐츠를 겹칠 때 음수 값을 사용할 수 있습니다. 하나의 선언에서 여백 속성을 설정하기 위한 약식 속성을 지정합니다. 예시 다음 코드를 실행하여 여백을 설정할 수 있습니다 - <html> <head> </head> <body> <p style = "margin: 20px; border:2px solid yellow;&
:hover 사용 링크 위로 마우스 포인터를 가져갈 때 링크의 색상을 변경하는 클래스입니다. 예시 <html> <head> <style> a:hover { color: #FFCC00 } </style>
:호버 의사 클래스는 요소 위에 마우스를 놓을 때 요소에 특별한 스타일을 추가하는 데 사용됩니다. 가능한 값은 유효한 형식의 모든 색상 이름일 수 있습니다. 예시 <html> <head> <style> a:hover { color: #FFCC00
:active 의사 클래스는 활성 요소에 특별한 스타일을 추가하는 데 사용됩니다. 가능한 값은 유효한 형식의 모든 색상 이름일 수 있습니다. 예시 <html> <head> <style> a:active { color: #FF00CC; }