CSS 테두리에 윤곽선 사용

중첩 된 div 대신 이중 테두리를 만들기 위해 다른 사람이 CSS에서 윤곽선을 사용합니까? CSS로 외곽선을 사용하는 데있어서의 함정은 무엇입니까? 건배CSS 테두리에 윤곽선 사용

2012-04-08 Destin M

왜이 jquery, html5 태그가 지정 되었습니까? – elclanrs

두 개의 경계가 필요하면'double' 경계 양식을 봐야합니다. 아니면 당신이 좋아하지 않아 중첩 div없이 여러 테두리를 원한다면': before'와': after' 의사 요소를 스타일링하는 것이 좋습니다. [this example] (http://jsfiddle.net/62QHG/)을 참조하십시오. 전날 1 div로 만들었습니다. –

@elclanrs : 또한 [css3] – BoltClock

단일 단색 테두리가있는 div가 두 개가 아니겠습니까?

내가 지적했듯이이 죄수는 각 색상을 제어 할 수 없다는 것과 둘 다 동일해야한다는 것입니다. 또한 거리의 차이나 각 색상의 차이를 제어 할 수 없습니다. 크기 등.

그래서 나는 그것이 당신이 이중 테두리를 사용할 것인가에 달려 있다고 생각합니다. 그러나 단순한 이중 표준 테두리에서는 두 개의 div와 두 개의 테두리를 만드는 것보다 더 빨리 작업 할 수 있습니다 ... (IMO)

웹상에서 얼마나 자주 경계선이 보입니까? 인기가 없다고 생각합니까?

출처

2012-04-08 18:52:44

내가 원한다면 div id = "slideshow"에 이중 테두리, 일반적으로 다른 div 클래스 = "inner"를 중첩시키고 색상을 지정합니다. #fff 다음 div id = "slideshow"에는 테두리 # 000이 있고 이중 테두리를 만듭니다. 환각. 그러나 border # 000과 outline #fff를 사용할 수 있습니다. div id = "slideshow"에서 div 클래스 = "inner"를 중첩 할 필요없이 이중 테두리 환상을 만들 수 있습니다. 그러나이 방법으로 작업하는 함정은 무엇입니까? –

그래, 그게 어떤 문제인지 모르겠다. 내가 당신의 질문을 읽을 때 나는 실수로 당신이 국경에 대해 묻고 있다고 생각했다 : 두 배나, 그러나 당신이 가지고있는 것은 괜찮습니다. –

감사! didnt는 내가 두 배를 사용할 수 있었다는 것을 깨닫는다 : border, 어느 쪽도 감사한다 백만 : –

다릅니다. outline은 IE8, 빠른 예제 http://jsfiddle.net/elclanrs/jecEB/을 비롯한 대부분의 브라우저에서 잘 작동합니다.

동일한 목적으로 box-shadow을 사용할 수도 있으며 두 개 이상의 테두리를 추가 할 수 있습니다. 물론이 기능은이 css3 기능을 지원하는 브라우저에서만 작동합니다.

출처

2012-04-08 18:57:21 elclanrs

윤곽선의 주된 문제는 그것이 상자 모델 밖에 있으므로,보기 흉한 붕괴를 일으킬 수 있다는 것입니다.

내게 필요한 옵션 기능에는 개요가 많이 사용되며 항상 내게 필요한 옵션을 사용하지 않는 것이 좋습니다.

출처

2012-04-08 19:02:25 mddw

접근성을 위해 어떻게 사용됩니까? 개요를 직접 사용합니까? –

일부 브라우저는 기본 스타일로 외곽선을 사용합니다. 예를 들어 크롬에서는 아웃 포커스 스타일을 사용합니다. Opera Mobile에서도 Outline을 많이 사용한다고 생각합니다. 나 자신은 종종 시각 장애인을위한 힌트를 추가하는 데 사용합니다. – mddw

CSS 테두리에 윤곽선 사용

답변

관련 문제