jQuery css()

Sample01 : CSS 속성 알아내기

샘플이미지
이 이미지는 바다에서 촬영했습니다.
샘플이미지
이 이미지는 바다에서 촬영했습니다.

여기에 표시됩니다.

클릭1 : 이미지의 width 값을 가져옵니다. 클릭2 : 글씨의 폰트 크기를 가져옵니다.

Sample02 : CSS 속성 변경하기

샘플이미지
이 이미지는 바다에서 촬영했습니다.
샘플이미지
이 이미지는 바다에서 촬영했습니다.

여기에 표시됩니다.

리셋 클릭1 : 이미지의 width 값을 변경합니다. 클릭2 : 글씨의 폰트 크기를 변경합니다. 클릭3 : 글씨의 색을 변경합니다.

Sample03 : 글씨 크기 + / -

샘플이미지
이 이미지는 바다에서 촬영했습니다.
샘플이미지
이 이미지는 바다에서 촬영했습니다.
샘플이미지
이 이미지는 바다에서 촬영했습니다.

여기에 표시됩니다.

리셋 클릭1 : 글씨가 조금씩 커집니다. 클릭2 : 글씨가 조금씩 작아집니다. 클릭3 : 이미지가 조금씩 커집니다. 클릭4 : 이미지가 조금씩 작아집니다.