BLOG ARTICLE Style Sheet | 1 ARTICLE FOUND

  1. 2007.06.27 Style Properties that Mozilla supports & apply Style Sheet rules 5

FF 에서 text에 대한 select 를 막는 방법을 찾다 발견한 것..
IE 에서 selectstart 이벤트에 false 를 리턴하는 것으로 가능 하지만
FF 에서는 -moz-user-select 스타일 속성값을 'none'으로 지정하는 것으로 가능하다. (FF에는 selectstart 이벤트 자체가 존재안함)

스타일 적용시에는 styleSheet 오브젝트의 (document.styleSheets : Array) 메소드를 사용하는데,
IE 에서는 addRule 을 사용
인자값을 3개(필수3개)로,
0번 argument에는 선택자('div', 'p' 등..)를 넣고,
1번 argument에는 스타일 명령("color:blue", "overflow:hidden" 등..)을 넣는다.
2번 argument에는 0부터 시작하는 pages 컬렉션(document.styleSheets[?].pages : Array)에서의 위치할 인수를 넣는다. (-1을 넣으면 제일 뒤에 위치하게 된다.)
반환값은 항상 -1이다. (주의: 오류가 없어도 -1을 반환)
FF 에서는 insertRule 를 사용
인자값은 2개(필수2개)로,
0번 argument에는 스타일 명령을 선택자를 포함하여 넣는다. (예: "#myTable {-moz-user-select:none}")
1번 argument에는 0부터 시작하는 cssRules 컬렉션(document.styleSheets[?].cssRules : Array)에서의 위치할 인수를 넣는다. (주의: addRule과는 다르다, -1 인자값을 넣으면 에러가 난다.)
반환값은 cssRules 컬렉션에서의 위치한 위치값이다.


AND