ÀÎÅÍ³Ý html ¿¡¼ Å×À̺í Ãâ·Â½Ã ¼±µÎ²² Áú¹® µå¸³´Ï´Ù.
±èÁ¦¿¬ 2016-06 2016-06-10 17:55:05 Á¶È¸ 5554 Ãßõ 0
왼쪽이 웹이며 오른쪽이 프린트 되는 결과물 화면과 같은 화면입니다.
왼쪽처럼 가늘게 나오길 바라는데 인쇄가 가늘게 되질 않네요.
»çÁø»óÀ¸·Î´Â 1pxÀÌ ¸ÔÈù°Ô ¾Æ´Ï¶ó 2pxÀÌ ¸ÔÈùµí º¸ÀÔ´Ï´Ù.
table {
border:solid #000 !important;
border-width:0.5px 0 0 0.5px !important;
ÇöÀç table³ª css ·Î Àú·±½ÄÀ¸·Î 0.5px ¸ÔÀÎ »óȲÀÔ´Ï´Ù.
DOCTYPE ¼³Á¤ÀÌ Á¦´ë·Î µÇ¾îÀÖ´ÂÁöµµ »ìÆ캸¼¼¿ä.
±×°Í¿¡ µû¶ó html ³»¿ëÀÌ Çؼ®µÇ´Â°Ô ´Ù¸¥ °æ¿ì
css¿¡ Àû¿ëÇÑ´ë·Î ³ª¿ÀÁö ¾Ê±âµµ ÇÕ´Ï´Ù.
<meta charset=utf-8>
<html lang="en">
·Î µÇ¾îÀÖ½À´Ï´Ù.
td { border: 1px solid #000000; }
ÀÏ´Ü ÀÌ·¸°Ô Çغ¸½Ã°í cssÆÄÀÏ ³»¿ë Áß¿¡ @media °ü·ÃÀÌ ÀÖ´Ù¸é Áö¿ì°í Çغ¸¼¼¿ä. (ÇÁ¸°ÅÍ Ãâ·Â½Ã Àû¿ëµÇ´Â ±¸¹®ÀÌ ÀÖÀ» ¼ö µµ ÀÖÀ¸´Ï±î¿ä)
(importºÎºÐÀº »©¼¼¿ä, Áö±Ý »óȲ¿¡¼± µüÈ÷ ¾µÀÏ ÀÌ ¾øÀ»°Í °°³×¿ä)
º°µµ·Î Ãâ·Â¿ë ÆäÀÌÁö ¸¸µé°í ÇØ´ç ¸ðµâ È£Ãâ........ µ· ¹Þ°í ÆÈ¾Æ ¸ÔÀ»°Íµµ ¾Æ´Ï°í Çؼ ´ëÃæ ¸¸µé¾î¼ ¼ºñ½º·Î Á¦°øÇÏ°í ²À È¸é ³»¿ëÀ» Ãâ·ÂÇÏ°í ½ÍÀ¸¸é µ· ³»¶ó Çß´õ´Ï ±×³É ¾´´Ù°í ÇÏ´õ±º¿ä.
css ÇÁ¸°Æ® ¼³Á¤ÀÌ css È¸é ¼³Á¤°ú ´Ù¸¦ °æ¿ì Àú·¸°Ô µË´Ï´Ù.
http://salm.pe.kr/entry/%ED%8B%B0%EC%8A%A4%ED%86%A0%EB%A6%AC-%EC%9D%B8%EC%87%84CSS-%EC%A0%81%EC%9A%A9%ED%95%98%EA%B8%B0