CSS resize 속성 - 크기 변경 아이콘 속성 변경

'resize'속성이있는 div가 있습니다. 기본적으로 창의 오른쪽 하단 모서리를 드래그하여 크기 만 변경할 수 있습니다. 나는 모양이, 크기 또는 위치과 같이이 동작을 전혀 바꿀 수 있는지 알고 싶습니다.CSS resize 속성 - 크기 변경 아이콘 속성 변경

특히 내가하고 싶은 것은 사용자가 CSS 창에서 OS 창과 유사하게 (가장자리가 아니라) 모서리에 창 크기를 조정할 수 있도록 허용하는 것입니다.

Example

출처

2012-08-02 Fewfre

나는 CSS를 유일한 해결책을 찾고, 정말 당신 만 요구 알고있다 "볼 싶습니다 css, but ... "대답. 게시 할 수는 있지만 도움이되지는 않습니다. 감사. – Fewfre

죄송합니다. 원하는 걸 이해하지 못 하셨나요? 크기 조정을 원한다는 것을 이해하고 그 작업을 가져 왔으며 드래그하여 위치를 변경하고 싶습니까? 외모는 어떨까요? 드래그로 위치를 변경하는 것은 CSS로 가능하지 않다는 것입니다. – Gijs

하지 표준 CSS로. 스크롤바와 마찬가지로 크기 조정 도구는 일반적으로 OS에서 제공됩니다. 은 사용자 지정 브라우저 선택기로 스타일을 지정할 수 있지만 브라우저에 따라 다릅니다. 웹킷 ::-webkit-resizer 선택기를 사용하여 제한된 스타일링을 할 수 있습니다.

#somediv { 
    resize: both; 
} 

#somediv::-webkit-resizer { 
    background-color: red; 
}

그러나 내가 알 수있는 한 너비는 조정할 수 없습니다. 정확히 이것에 대한

출처

2012-08-02 12:46:27 JaredMcAteer

웹킷 접두어가 잘못되었으므로 '#somediv :: - webkit-resizer'가되어야합니다 – Gijs

그건 부끄러운 일입니다. 셀프 선택기가 필요하다면 – Fewfre

JavaScript 솔루션을 사용하는 것이 더 좋을 것입니다. – JaredMcAteer

당신이 그것을 반대하지 않는 경우, there'a jQueryUI 구성 요소 : http://jqueryui.com/demos/resizable/

출처

2012-08-02 22:03:08

CSS resize 속성 - 크기 변경 아이콘 속성 변경

답변

관련 문제