전체 셀 주위에 테두리를 넣는 방법?

Question

초점을 맞추면 "내경"이 전체 세포 주위에 있도록하고 싶습니다. 바로 지금 그 단어의 길이에요. 경계가 전체 셀을 둘러보기를 원합니다. 내가 추가해야하는 스킵 코드는 무엇입니까?

td:focus{ 
    border: 2px inset white; 
    border-width:2px; 
    content: ''; 
    width: auto; 
    height: auto; 
    position: absolute; 
    background: white; 
} 

Answer 1

당신이 셀의 높이와 너비를 재설정하고 있기 때문에 그것은 "단어의 길이"를 강조하는 것 (궁극적으로 컨텐츠의 길이로 재설정). 이 문제를 해결하려면 width: auto 및 height: auto을 제거 :

td:focus{ 
    border: 2px inset white; 
    border-width:2px; 
    content: ''; 
    position: absolute; 
    background: white; 
} 

JSFiddle demo합니다.