자바스크립트 스타일 시트

JavaScript Style Sheets

인터넷 미디어 타입	text/javascript
개발	넷스케이프 커뮤니케이션스
포맷 종류	스타일시트 언어
표준	넷스케이프의 W3C 제출 자바스크립트 기반 스타일 시트

자바스크립트 스타일 시트(영어: JavaScript Style Sheets, JSSS)는 웹페이지의 표현 방식을 정의하는 기능을 제공하기 위해 1996년 넷스케이프 커뮤니케이션스가 제안했던 구식 스타일시트 언어 기술이다. 이는 CSS 기술의 대안이었다.

넷스케이프가 이 기술을 월드 와이드 웹 컨소시엄(W3C)에 제출했음에도 불구하고, 이 기술은 공식 표준으로 채택되지 못했으며 웹 브라우저 시장에서 수용되지도 못했다. 오직 넷스케이프 커뮤니케이터 4만이 JSSS를 구현했으며, 경쟁 제품인 인터넷 익스플로러는 이 기술을 구현하지 않기로 결정했다. 1997년 넷스케이프 커뮤니케이터가 출시된 직후, 넷스케이프는 JSSS 홍보를 중단하고 대신 인터넷 익스플로러도 지원하며 업계에서 훨씬 더 넓게 수용된 경쟁 표준인 CSS에 집중했다.

넷스케이프 커뮤니케이터의 후속작인 넷스케이프 6(2000년 출시)은 JSSS 지원을 중단했다. 현재 이 기술은 역사적 각주 이상의 의미를 갖지 못하며, 웹 개발자들은 일반적으로 이 기술의 존재 자체를 잘 알지 못한다. 이 제안은 W3C 표준이 되지 못했다.

구문

자바스크립트 코드를 스타일시트로 사용하는 JSSS는 document.tags 객체의 속성을 수정하여 개별 요소를 스타일링한다. 예를 들어, CSS의:

 h1 { font-size: 20pt; }

는 JSSS의 다음 코드와 동일하다:

 document.tags.H1.fontSize = "20pt";

JSSS 요소 이름은 대소문자를 구분한다.

JSSS는 다양한 CSS 선택자 기능을 결여하고 있으며, 단순 태그 이름, 클래스, ID 선택자만 지원한다. 반면, 완전한 프로그래밍 언어를 사용하여 작성되기 때문에 스타일시트에 매우 복잡한 동적 계산과 조건부 처리를 포함할 수 있다. (그러나 실제로는 자바스크립트를 사용하여 런타임에 문서에 적용되는 스타일시트를 수정함으로써 이를 달성할 수 있다.) 이러한 이유로 JSSS는 동적 웹페이지 생성에 종종 사용되었다.

예시

다음 예시는 HTML 문서의 소스 코드 일부를 보여준다:

<style type="text/javascript">
tags.H1.color = "red";
tags.p.fontSize = "20pt";

with (tags.H3) {
    color = "green";
}
with (tags.H2) {
    color = "red";
    fontSize = "16pt";
    marginTop = "4cm";
}
</style>

CSS와 유사하게, JSSS는 <style> 태그 안에서 사용될 수 있다. 이 예시는 태그를 선택하는 두 가지 다른 방법을 보여준다.

브라우저 지원

자바스크립트 스타일 시트는 넷스케이프 4.x(4.0–4.8) 버전에서만 지원되었으며, 이후 버전에서는 지원되지 않았다. 다른 어떤 웹 브라우저도 JSSS를 구현한 적이 없다.

외부 링크

• 넷스케이프의 W3C 제출 자바스크립트 기반 스타일 시트
• 자바스크립트 스타일 시트의 동적이고 강력한 기능
• 자바스크립트 스타일 시트 참조