{"id":121,"date":"2007-11-08T07:22:14","date_gmt":"2007-11-08T07:22:14","guid":{"rendered":"http:\/\/minicube.kr\/wp\/?p=121"},"modified":"2007-11-08T07:22:14","modified_gmt":"2007-11-08T07:22:14","slug":"display-property-in-css","status":"publish","type":"post","link":"https:\/\/blog.neue.nz\/?p=121","title":{"rendered":"CSS\uc758 display \uc18d\uc131"},"content":{"rendered":"\n

CSS\uc758 display<\/strong> \uc18d\uc131\uc740 \ud574\ub2f9 \uc5d8\ub808\uba58\ud2b8\uac00 \ud654\uba74\uc5d0 \uc5b4\ub5bb\uac8c \ubcf4\uc5ec\uc9c0\ub294\uc9c0\ub97c \uacb0\uc815<\/span>\ud558\ub294 \uc5ed\ud560\uc744 \ud569\ub2c8\ub2e4.<\/p>\n\n\n\n

display \uc18d\uc131\uc758 \uac12\uc740 \ub2e4 \ub530\uc9c0\uba74 19\uac00\uc9c0\ub098 \ub418\uc9c0\ub9cc, \uc2e4\uc81c\ub85c \uc790\uc8fc \uc4f0\uc774\ub294 \uac83\uc740 inline\uacfc block, inline-block, none \uac12\uc774\uba70, \uc774\uc678\uc758 \uac83\uc740 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \uc9c0\uc6d0\ud558\uc9c0 \uc54a\ub294 \uac83\ub3c4 \ub9ce\uae30 \ub54c\ubb38\uc5d0 \ubd88\uc548\uc815\ud574\uc11c \uc0ac\uc6a9\ub418\uc9c0 \uc54a\ub294\ub2e4\uace0 \ud558\ub124\uc694.<\/p>\n\n\n\n
block<\/strong><\/td>\ube14\ub85d\ubc15\uc2a4\ub85c \ub9cc\ub4e0\ub2e4.<\/td><\/tr>
inline<\/strong><\/td>\uc778\ub77c\uc778 \ubc15\uc2a4\ub85c \ub9cc\ub4e0\ub2e4.<\/td><\/tr>
inline-block<\/strong><\/td>\ube14\ub85d\ubc15\uc2a4\ub85c \ub9cc\ub4e4\uc5b4\uc9c0\uc9c0\ub9cc, \uc778\ub77c\uc778 \ubc15\uc2a4\ucc98\ub7fc \ubc30\uce58\ub41c\ub2e4. (CSS2.1 \uad8c\uace0\ud6c4\ubcf4\uc5d0 \ucd94\uac00)<\/td><\/tr>
none<\/strong><\/td>\ubc15\uc2a4\ub97c \ub9cc\ub4e4\uc9c0 \uc54a\uc73c\uba70 \uc2dc\uac01\uc801\uc73c\ub85c \uc644\uc804\ud788 \ubcf4\uc774\uc9c0 \uc54a\ub294\ub2e4.<\/td><\/tr>
inherit<\/strong><\/td>\uc0c1\uc704 \uc694\uc18c\uc758 display\uc18d\uc131\uc744 \uc0c1\uc18d\ubc1b\ub294\ub2e4.<\/td><\/tr>
table<\/strong><\/td>\ube14\ub85d\ub808\ubca8\uc758 \ud45c\ub85c \ub9cc\ub4e0\ub2e4. (table)<\/td><\/tr>
inline-table<\/strong><\/td>\uc778\ub77c\uc778\ub808\ubca8\uc758 \ud45c\ub85c \ub9cc\ub4e0\ub2e4. (table)<\/td><\/tr>
table-row<\/strong><\/td>\ud589\uc73c\ub85c \ub9cc\ub4e0\ub2e4 (tr \uae30\ubcf8 \uc18d\uc131)<\/td><\/tr>
table-row-group<\/strong><\/td>\ubcf8\uccb4 \ud589 \uadf8\ub8f9\uc73c\ub85c \ub9cc\ub4e0\ub2e4. (tbody \uae30\ubcf8 \uc18d\uc131)<\/td><\/tr>
table-header-group<\/strong><\/td>\ud5e4\ub354 \ud589 \uadf8\ub8f9\uc73c\ub85c \ub9cc\ub4e0\ub2e4. (thead \uae30\ubcf8 \uc18d\uc131)<\/td><\/tr>
table-footer-group<\/strong><\/td>\ud478\ud130 \ud589 \uadf8\ub8f9\uc73c\ub85c \ub9cc\ub4e0\ub2e4. (tfoot \uae30\ubcf8 \uc18d\uc131)<\/td><\/tr>
table-column<\/strong><\/td>\uc5f4\ub85c \ub9cc\ub4e0\ub2e4. (col \uae30\ubcf8 \uc18d\uc131 – \ubcf4\uc774\uc9c0 \uc54a\uc74c)<\/td><\/tr>
table-column-group<\/strong><\/td>\uc5f4 \uadf8\ub8f9\uc73c\ub85c \ub9cc\ub4e0\ub2e4. (colgroup \uae30\ubcf8 \uc18d\uc131 – \ubcf4\uc774\uc9c0 \uc54a\uc74c)<\/td><\/tr>
table-cell<\/strong><\/td>\ud558\ub098\uc758 \uc140\ub85c \ub9cc\ub4e0\ub2e4. (td \uae30\ubcf8 \uc18d\uc131)<\/td><\/tr>
table-caption<\/strong><\/td>\ucea1\uc158\uc73c\ub85c \ub9cc\ub4e0\ub2e4. (caption \uae30\ubcf8 \uc18d\uc131)<\/td><\/tr>
list-item<\/strong><\/td>li\uc694\uc18c\uc640 \uac19\uc740 \ube14\ub85d\ubc15\uc2a4\uc640 \ubaa9\ub85d\ud56d\ubaa9\uc758 \uc778\ub77c\uc778\ubc15\uc2a4\ub85c \ub9cc\ub4e0\ub2e4.<\/td><\/tr>
run-in<\/strong><\/td>\ub7f0\uc778\ubc15\uc2a4\ub85c \ub9cc\ub4e0\ub2e4.<\/td><\/tr>
compact<\/strong><\/td>\ucf64\ud329\ud2b8 \ubc15\uc2a4\ub85c \ub9cc\ub4e0\ub2e4. (CSS2.1\uad8c\uace0\ud6c4\ubcf4\uc5d0\uc11c \uc0ad\uc81c)<\/td><\/tr>
marker<\/strong><\/td>\uadf8 \uc694\uc18c\uc758 \uc804\ud6c4\uc5d0 \uc0dd\uc131\ub41c \ub0b4\uc6a9\uc744 \ub9c8\ucee4\ub85c \uc815\uc758\ud55c\ub2e4. (CSS2.1\uad8c\uace0\ud6c4\ubcf4\uc5d0\uc11c \uc0ad\uc81c)<\/td><\/tr><\/tbody><\/table>\n\n\n\n

\uae30\ubcf8\uc801\uc73c\ub85c \ubaa8\ub4e0 \uc694\uc18c\ub4e4\uc740 \ub514\ud3f4\ud2b8 display \uc18d\uc131\uc774 \uc9c0\uc815\ub418\uc5b4 \uc788\uc73c\uba70 \uc774\ub97c \uc790\uc720\ub86d\uac8c \ubcc0\uacbd\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uba74, \uc778\ub77c\uc778 \uc694\uc18c\uc778 <span><\/code>\uc694\uc18c\uc5d0 display \uc18d\uc131\uc744 block \uc73c\ub85c \uc9c0\uc815\ud558\uba74 <div><\/code>\ud0dc\uadf8\uc640 \uac19\uc740 \uc5ed\ud560\uc744 \ud558\uac8c \ub418\ub294 \uac83\uc774\uc8e0.<\/p>\n\n\n\n

\uc0ac\uc2e4 \uc774\ubc88 \uae30\ud68c\uc5d0 \ucc45\uc774\ub098 \uc778\ud130\ub137\uc744 \ucc3e\uc544\ubcf4\uace0 \uc870\uc0ac\ud558\uae34 \ud588\uc9c0\ub9cc, \uc800\ub3c4 \uc2e4\uc81c\ub85c \uc0ac\uc6a9\ud558\ub294 \uac83\uc740 \uc704\ucabd\uc758 \ub2e4\uc12f\uac00\uc9c0 \uc815\ub3c4\ubc16\uc5d0 \uc548\ub418\ub294 \uac83 \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n

display \uc18d\uc131 \uc911\uc5d0 \uc8fc\ubaa9\ud560 \ub9cc\ud55c \uac83\uc740 table-cell \uc774\ub77c\ub294 \uac12\uc778\ub370\uc694… \uc774\uac8c \ud14c\uc774\ube14\uc5d0\uc11c <td><\/code>\ud0dc\uadf8\uc640 \uac19\uc740 \uc18d\uc131\uc744 \uac00\uc9c0\uac8c \ud574\uc90d\ub2c8\ub2e4. \uc544\uc2dc\ub2e4\uc2dc\ud53c <td><\/code>\ud0dc\uadf8\ub294 \uae30\ubcf8\uc801\uc73c\ub85c \uc0c1\ud558 \uc911\uc559 \uc815\ub82c\uc774 \ub429\ub2c8\ub2e4.<\/p>\n\n\n\n

\ub808\uc774\uc544\uc6c3\uc744 \uc7a1\uc544\ubcf4\uc168\ub2e4\uba74 \uc544\uc2dc\uaca0\uc9c0\ub9cc, <div><\/code>\ud0dc\uadf8\ub294 \uc0c1\ud558 \uc911\uc559\uc815\ub82c\uc774 \uc9c0\uc6d0\ub418\uc9c0 \uc54a\uc9c0\uc694. \uc774\ub7f4 \ub54c div\ud0dc\uadf8\uc5d0 display:table-cell; \uc18d\uc131\uc744 \uc8fc\uc2dc\uba74, \uc0c1\ud558\ub85c \uc911\uc559 \uc815\ub82c\uc774 \uac00\ub2a5\ud558\uac8c \ub429\ub2c8\ub2e4.<\/strong><\/p>\n\n\n\n

\ub2e4\ub9cc \uc774\uac8c \ub610 \ubb38\uc81c\ub9ce\uc740 IE\uc5d0\uc11c \uc9c0\uc6d0\ud558\uc9c0 \uc54a\ub294\ub2e4\ub294 \uac83<\/span>\uc774 \ucc38 \uc544\uc27d\uc2b5\ub2c8\ub2e4. -_-;;; (firefox\uc5d0\uc11c\ub294 \uc9c0\uc6d0\ub429\ub2c8\ub2e4.) \ub808\uc774\uc544\uc6c3\uc5d0\uc11c \uc0c1\ud558 \uc911\uc559\uc815\ub82c\uc5d0 \uad00\ud55c \ud3ec\uc2a4\ud2b8\ub294 \ub2e4\uc74c \uae30\ud68c\ub85c \ubbf8\ub8e8\uae30\ub85c \ud558\uc9c0\uc694.<\/p>\n\n\n\n

\uc544\ubb34\ud2bc float \uc18d\uc131\uacfc \ub9c8\ucc2c\uac00\uc9c0\ub85c display \uc18d\uc131\uc744 \uc798 \ud65c\uc6a9\ud558\uba74 CSS\ub85c \ub354 \uc815\ubc00\ud55c \ub808\uc774\uc544\uc6c3\uc744 \uc7a1\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ubaa8\ub974\uace0 \ub9c9 \uc4f0\ub358 display \uc18d\uc131\uc744 \uc774\uc81c\ub294 \uc81c\ub300\ub85c \uc54c\uace0 \uc0ac\uc6a9\ud558\ub294 \uac83\uc740 \uc5b4\ub5a8\uae4c\uc694?<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

CSS\uc758 display \uc18d\uc131\uc740 \ud574\ub2f9 \uc5d8\ub808\uba58\ud2b8\uac00 \ud654\uba74\uc5d0 \uc5b4\ub5bb\uac8c \ubcf4\uc5ec\uc9c0\ub294\uc9c0\ub97c \uacb0\uc815\ud558\ub294 \uc5ed\ud560\uc744 \ud569\ub2c8\ub2e4. display \uc18d\uc131\uc758 \uac12\uc740 \ub2e4 \ub530\uc9c0\uba74 19\uac00\uc9c0\ub098 \ub418\uc9c0\ub9cc, \uc2e4\uc81c\ub85c \uc790\uc8fc \uc4f0\uc774\ub294 \uac83\uc740 inline\uacfc block, inline-block, none \uac12\uc774\uba70, \uc774\uc678\uc758 \uac83\uc740 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \uc9c0\uc6d0\ud558\uc9c0 \uc54a\ub294 \uac83\ub3c4 \ub9ce\uae30 \ub54c\ubb38\uc5d0 \ubd88\uc548\uc815\ud574\uc11c \uc0ac\uc6a9\ub418\uc9c0 \uc54a\ub294\ub2e4\uace0 \ud558\ub124\uc694. block \ube14\ub85d\ubc15\uc2a4\ub85c \ub9cc\ub4e0\ub2e4. inline \uc778\ub77c\uc778 \ubc15\uc2a4\ub85c \ub9cc\ub4e0\ub2e4. inline-block \ube14\ub85d\ubc15\uc2a4\ub85c \ub9cc\ub4e4\uc5b4\uc9c0\uc9c0\ub9cc, \uc778\ub77c\uc778 \ubc15\uc2a4\ucc98\ub7fc \ubc30\uce58\ub41c\ub2e4. (CSS2.1 \uad8c\uace0\ud6c4\ubcf4\uc5d0 \ucd94\uac00) […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[53,75],"class_list":["post-121","post","type-post","status-publish","format-standard","hentry","category-html-css","tag-display","tag-htmlcss"],"_links":{"self":[{"href":"https:\/\/blog.neue.nz\/index.php?rest_route=\/wp\/v2\/posts\/121","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.neue.nz\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.neue.nz\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.neue.nz\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.neue.nz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=121"}],"version-history":[{"count":0,"href":"https:\/\/blog.neue.nz\/index.php?rest_route=\/wp\/v2\/posts\/121\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.neue.nz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=121"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.neue.nz\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=121"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.neue.nz\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}