캡션 쪽 속성을 사용하면 요소의 내용이 테이블과 관련하여 배치되어야 하는 위치를 지정할 수 있습니다. 예시 이 속성은 4가지 값상단, 하단, 왼쪽 또는 오른쪽 중 하나를 가질 수 있습니다. . caption-side를 구현하는 방법을 배우기 위한 예를 살펴보겠습니다. 속성: <html> <head> <style> caption.top { &
empty-cells 속성은 셀이 비어 있는 경우 테두리를 표시할지 여부를 지정합니다. 내용이 없는 셀에 테두리를 표시해야 하는지 여부를 나타냅니다. 예시 이 속성은 표시, 숨기기 또는 상속 세 가지 값 중 하나를 가질 수 있습니다. <html> <head> <style> table.empty{ width
테두리 간격 테이블 셀 사이의 너비를 지정합니다. 하나 또는 두 개의 값을 사용할 수 있습니다. 길이 단위여야 합니다. 예시 다음 코드를 실행하여 표 셀의 너비를 설정할 수 있습니다. <html> <head> <style> table.one { border-collapse:separate; &
CSS 캡션 측 속성은 테이블 캡션의 배치를 제어하는 데 사용됩니다. 예시 다음 코드를 실행하여 캡션 측을 구현할 수 있습니다. 속성: <html> <head> <style> caption.top { caption-side:top } &nb
테이블 레이아웃 속성은 브라우저가 테이블을 렌더링하거나 배치하는 방법을 제어하는 데 도움이 됩니다. 이 속성은 fixed, auto 또는 상속의 세 가지 값 중 하나를 가질 수 있습니다. 예시 다음 코드를 실행하여 CSS table-layout을 구현할 수 있습니다. 재산 table.auto { 테이블 레이아웃:자동 } table.fixed{ 테이블 레이아웃:고정 } 100000000000000000000000000 10000000 100 100000000000000000000000000 1000000
테두리 상단 스타일 속성은 상단 테두리의 스타일을 변경합니다. 예시 다음 속성을 실행하여 상단 테두리의 스타일을 변경할 수 있습니다. <html> <head> </head> <body> <p style = "border-width:2px; border-top-style:solid;"> Examp
테두리 색상 속성은 테두리의 색상을 지정합니다. 다음 코드를 실행하여 border-color 속성: 예시 <html> <head> <style> p.demo { border:2px dashed; border-color:#80000
너비 속성은 이미지의 너비를 설정하는 데 사용됩니다. 이 속성은 길이 또는 % 값을 가질 수 있습니다. %로 값을 부여하면서 이미지가 있는 박스에 적용합니다. 예시 다음 코드를 실행하여 이미지 너비를 설정할 수 있습니다. <html> <head> </head> <body> <img style = "border:2px solid green; width:100px;&quo
높이 속성은 이미지의 높이를 설정하는 데 사용됩니다. 이 속성은 길이 또는 % 값을 가질 수 있습니다. %로 값을 부여하면서 이미지가 있는 박스에 적용합니다. 예시 다음 코드를 실행하여 이미지 높이를 설정할 수 있습니다. <html> <head> </head> <body> <img style = "border:2px solid green; height:100px;&q
이미지의 불투명도를 설정하려면 CSS -moz-opacity를 사용하세요. 재산. 이 속성은 Mozilla에서 투명한 이미지를 만드는 데 사용됩니다. IE는 필터:알파(불투명도=x)를 사용합니다. 투명한 이미지를 생성합니다. 예시 다음 코드를 실행하여 이미지 스타일을 지정하고 CSS로 불투명도를 설정할 수 있습니다. <html> <head> </head> <body> <img
이미지의 -moz-opacity 속성은 이미지의 불투명도를 설정하는 데 사용됩니다. 이 속성은 Mozilla에서 투명한 이미지를 만드는 데 사용됩니다. IE는 filter:alpha(opacity=x)를 사용합니다. 투명한 이미지를 생성합니다. 예시 다음 코드를 실행하여 CSS로 이미지의 스타일을 지정하고 불투명도를 설정할 수 있습니다. <html> <head> </head> <body> &nb
CSS로 링크 색상을 설정하려면 다음 코드를 실행할 수 있습니다. 예시 <html> <head> <style> a:link { color:#000000 } </style> &l
패딩 오른쪽 요소의 오른쪽 패딩을 지정합니다. 요소의 오른쪽 패딩을 설정합니다. % 길이의 값을 가질 수 있습니다. <html> <head> </head> <body> <p style = "padding-right: 10px; border:1px solid blue;"> This is a para
패딩 속성은 요소의 왼쪽, 오른쪽, 위쪽 및 아래쪽 패딩(공백)을 설정합니다. 예시 다음 코드를 실행하여 패딩을 구현할 수 있습니다. 재산. <html> <head> </head> <body> <p style = "padding: 25px; border:2px solid orange;"> Al
방문한 링크의 색상을 설정하려면 :을 사용하세요. 방문 CSS의 속성. 다음 코드를 실행하여 방문한 색상 링크를 설정할 수 있습니다. <html> <head> <style> a:visited { color: #FF0000 }
링크 위로 마우스 포인터를 가져갈 때 링크의 색상을 변경하려면 :hover를 사용하세요. 재산. 예시 다음 코드를 실행하여 링크 색상을 변경할 수 있습니다. <html> <head> <style> a:hover { color: #FFCC00 }
투명한 이미지를 만들려면 CSS -moz-opacity를 사용하세요. 재산. 다음 코드를 실행하여 이미지 스타일을 지정하고 CSS로 불투명도를 설정할 수 있습니다. 예시 <html> <head> </head> <body> <img style = "moz-opacity:0.2;filter:alpha(opacity=50);" src = "https://ww
문자 간격 속성은 단어를 구성하는 문자 사이에 공백을 추가하거나 빼는 데 사용됩니다. 가능한 값은 일반 또는 공백을 지정하는 숫자입니다. <html> <head> </head> <body> <p style = "letter-spacing:7px;"> This text is having space
CSS에서 텍스트를 장식하려면 text-decoration 속성을 사용하십시오. 다음 예제는 텍스트를 장식하는 방법을 보여줍니다. 가능한 값은 없음, 밑줄, 윗줄, 줄줄이, 깜박임입니다. <html> <head> </head> <body> <p style = "text-decoration:underline;"> &nbs
text-shadow 속성을 사용하여 텍스트 주위에 그림자를 설정합니다. 다음 코드를 실행하여 CSS에서 텍스트 주위에 그림자를 설정하는 방법을 배울 수 있습니다. 예시 <html> <head> </head> <body> <p style = "text-shadow:3px 1px 4px green;"> &nb