CSS와 JS는 긴밀하게 협력하여 페이지에 독특한 효과를 많이 추가합니다. 특별한 효과를 얻으려면 Javascript를 사용하여 특정 태그의 CSS 속성을 동적으로 변경해야 합니다. 예를 들어, 마우스가 이미지 위로 지나갈 때 이미지에 테두리를 추가합니다. 코드는 다음과 같습니다. JavaScript에서 스타일 다음의 속성은 무엇입니까? <br> function imageOver(e) { <br> e.style.border="1px solid red" <br> } } <br> function imageOut(e) { <br> e.style.borderWidth=0; )" onmouseout="imageOut(this)" /><br><br>JavaScript CSS 스타일 속성 비교표</p> <p>박스 라벨 및 속성 비교</p> <p>CSS语법(不区分大小写) JavaScript语법(区分大小写) <br>border 테두리 <br>border-bottom borderBottom <br>border-bottom-color borderBottomColor <br>border-bottom-style borderBottomStyle <br>border-bottom-width borderBottomWidth <br>border-color borderColor <br>border-left borderLeft <br>border-left-color borderLeftColor <br>border-left-style borderLeftStyle <br>border-left-width borderLeftWidth <br>border-right borderRight <br>border-right-color borderRightColor <br>border-right-style borderRightStyle <br>border-right-width borderRightWidth <br>border-style borderStyle <br> border-top borderTop <br>border -top-color borderTopColor <br>border-top-style borderTopStyle <br>border-top-width borderTopWidth <br>border-width borderWidth <br>클리어 클리어 <br>플로트 여백 <br>여백- 하단 마진 봇 <br> 마진-왼쪽 마진 프트 <br> 마진 오른쪽 여백 마진-탑 Margintop <br> 패딩 패딩 패딩-바닥 패딩 보도 <br> 패딩-왼쪽 패딩 플로트 <br> 패딩-라이트 패딩 적 <br>패딩탑 패딩탑<br><br>颜color和背景标签和属性对조<br></p> <p>CSS 구문(대소문자 구분) JavaScript 구문(대소문자 구분) <br>배경 배경<br>배경 첨부 backgroundAttachment <br>배경색 backgroundColor backgroundImage <br>배경 위치 backgroundPosition <br>배경 반복 backgroundRepeat <br>색상 색상<br></p> <p>스타일 태그 및 속성 비교<br></p>CSS 구문(대소문자 구분) listStyle <p>white-space whiteSpace<br><br> 텍스트 스타일 태그 및 속성 비교<br><br>CSS 구문(대소문자 구분) JavaScript 구문(대소문자 구분) ly <br>font-size 스타일 글꼴스타일 <br>글꼴 변형 글꼴 변형 </p>글꼴 가중치 글꼴 가중치<p></p> 속성 비교<p><br>CSS 구문(대소문자 구분) JavaScript 구문(대소문자 구분) <br>문자 간격 부 in in on textAlign <br>텍스트 장식 textDecoration <br>text-indent textIndent <br>text-justify textJustify <br>text-transform textTransform </p>vertical-align VerticalAlign<p></p> <p><br></p>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
