Knowledge

Column (typography)

Source đź“ť

44:) or rules (thin lines, in this case vertical). Columns are most commonly used to break up large bodies of text that cannot fit in a single block of text on a page. Additionally, columns are used to improve page composition and readability. Newspapers very frequently use complex multi-column layouts to break up different stories and longer bodies of texts within a story. Column can also more generally refer to the vertical delineations created by a typographic grid system which type and image may be positioned. In 1956: 17: 110:. Following these guidelines usually results in multiple narrow columns being favored over a single wide column. Historically, books containing predominantly text generally have around 40 lines per column. However, this rule of thumb does not apply to more complex text that contain multiple images or illustrations, footnotes, running heads, folios, and captions. 579: 148:
to either float or position the corresponding text. These methods were not as straightforward as using HTML tables, which made a tableless three column layout a sort of holy grail once these techniques were discovered in the early 2000s. More recent levels of CSS have addressed column behaviors, and
137:, columns are often used to separate primary content from secondary and tertiary content. For example, a common two column layout may include a left column with navigation links, and a right column for body text. One method of creating columns for the web is to place text within an 116:
refers to the overall color or greyness established by the column, and can be adjusted in a number of ways. One way is to adjust the relationship between the width and height of the column. Another way is to make adjustments to the
54:; the gap between two facing pages is also considered a gutter, since there are columns on both sides. (Any gutter can also be referred to as a margin, but exterior and horizontal margins are not gutters.) 98:
by typesetters. For best legibility, typographic manuals suggest that columns should be wide enough to contain roughly 60 characters per line. One formula suggests multiplying the
1541: 219: 1915: 738: 144:, often with the border set to zero. However, this method is considered outdated and inaccessible to some. Another method includes using 302: 412: 125:. Column contrast can be used to establish hierarchy, to balance the page composition, and to visually activate areas of the page. 985: 57:
In some cases, column numbers are provided to improve specifying the in-source location in addition to or in absence of
526: 373: 73:. Historically, column designations were abbreviated "c" (singular) or "cc" (plural), i.e. "c130" or "cc130–136". 1910: 494: 1795: 1757: 405: 298: 1941: 1010: 469: 1521: 1167: 597: 41: 1925: 1742: 1413: 1350: 1055: 978: 937: 804: 713: 398: 1370: 1093: 743: 499: 145: 48:, the whitespace on the outside of the page (bounding the first and last columns) are known as 1845: 1345: 1340: 1253: 1240: 1073: 869: 718: 205: 1985: 1637: 1278: 1132: 789: 8: 1980: 1959: 1920: 1833: 1727: 1582: 1560: 1550: 1418: 1025: 971: 521: 509: 179: 50: 1883: 1810: 1790: 1780: 1752: 1722: 1682: 1309: 1172: 1157: 1098: 1088: 932: 927: 859: 452: 99: 62: 1805: 665: 1828: 1747: 1702: 1632: 1103: 817: 781: 763: 753: 723: 683: 514: 447: 369: 103: 1714: 1667: 1506: 1453: 1314: 1124: 637: 1850: 1737: 1732: 1652: 1620: 1511: 1248: 1050: 776: 546: 442: 107: 33: 1855: 1800: 1677: 1480: 1304: 1258: 1192: 1162: 1030: 794: 698: 693: 655: 536: 66: 622: 1974: 1647: 1615: 1605: 1485: 632: 839: 1905: 1785: 1672: 1657: 1627: 1587: 1570: 1324: 1294: 1268: 1177: 1020: 1002: 854: 703: 353: 163: 141: 1900: 1895: 1888: 1878: 1692: 1642: 1597: 1537: 1501: 1472: 1460: 1440: 1263: 1215: 1083: 952: 942: 879: 612: 602: 556: 489: 484: 429: 421: 259:
For example, a 9 pt font size would require an 18 pica column width.
185: 158: 82: 58: 45: 1873: 1687: 1577: 1430: 1423: 1400: 1355: 1319: 1273: 1230: 1225: 1220: 1205: 1045: 1040: 1035: 994: 914: 895: 834: 708: 688: 673: 587: 541: 457: 434: 349: 134: 86: 25: 317: 121:, from choosing a specific font, to adjusting weight, style, size and 1365: 1360: 1137: 1065: 900: 812: 771: 627: 617: 474: 16: 1838: 1697: 1516: 1389: 1375: 1200: 1152: 947: 874: 849: 827: 822: 748: 728: 647: 561: 118: 1662: 1448: 1299: 1210: 1142: 1078: 922: 864: 844: 733: 607: 531: 504: 462: 333: 239:
POOR LAWS' AMENDMENT-REPORT. HC Deb 27 June 1834 vol 24 cc913–935
122: 1565: 1182: 551: 70: 390: 149:
web browser support for these behaviors continues to improve.
102:
size of the font by 2 to reach how wide a column should be in
20:
An example of a two-column layout (double folio) with caption.
1408: 1147: 1115: 963: 295: 1764: 1610: 1555: 566: 360:
2nd ed. John Wiley & Sons: 1993. pp. 51–53, 90–91.
138: 363: 578: 206:"In Typography, what are Gutters? (With pictures)" 1972: 368:. New York, N.Y: Watson-Guptill. p. 140. 1916:Intellectual property protection of typefaces 979: 406: 386:. R. R. Bowker Company: 1984. pp. 86–86. 1458: 905: 296:“CSS Layout Techniques: for Fun and Profit” 212: 986: 972: 413: 399: 358:Typographic Design: Form and Communication 303:National and University Library of Iceland 1942:Punctuation and other typographic symbols 15: 1973: 106:— in effect a column width of 24  967: 394: 364:Haslam, Andrew; Baines, Phil (2005). 76: 36:positioned on a page, separated by 13: 335:"caniuse.com" Accessed 2012-05-16. 318:“CSS3 module: Multi-column layout” 32:is one or more vertical blocks of 14: 1997: 1955: 1954: 577: 224:Hansard House of Commons Debates 420: 327: 220:"Poor Laws' Amendment - Report" 993: 311: 289: 280: 271: 262: 253: 244: 198: 182:, referring to monospaced text 1: 1911:History of Western typography 342: 128: 1758:traditional point-size names 268:Romano, 1984. pp. 86–87 7: 1011:Canons of page construction 470:Canons of page construction 152: 10: 2002: 80: 1950: 1934: 1866: 1819: 1773: 1713: 1596: 1536: 1494: 1471: 1439: 1399: 1388: 1333: 1287: 1239: 1191: 1168:Subscript and superscript 1123: 1114: 1064: 1001: 888: 803: 762: 664: 646: 598:Anthropodermic bibliopegy 586: 575: 428: 277:Haslam, 2005. p. 140 1926:Vox-ATypI classification 1056:Intentionally blank page 938:Intentionally blank page 286:Carter, 1993. p. 51 250:Carter, 1993. p. 91 230:. Column 913. 1834-06-27 191: 94:is traditionally called 1459: 906: 324:. Accessed 2007-12-12. 21: 81:Further information: 19: 1796:Typographic features 384:The TypeEncyclopedia 308:Accessed 2007-12-12. 1921:Technical lettering 1820:Typography in other 1561:Hanging punctuation 366:Type and Typography 180:Characters per line 63:serial publications 1884:Handwriting script 1811:Desktop publishing 1781:Character encoding 1774:Digital typography 1288:Horizontal aspects 1241:Visual distinction 1099:Widows and orphans 933:Fore-edge painting 928:Extra-illustration 301:2005-11-05 at the 22: 1968: 1967: 1715:Typographic units 1633:For position only 1532: 1531: 1384: 1383: 961: 960: 840:Addendum/Appendix 724:Table of contents 382:Romano, Frank J. 208:. 30 August 2023. 77:Typographic style 1993: 1958: 1957: 1935:Related template 1867:Related articles 1668:Phototypesetting 1522:reverse-contrast 1507:Display typeface 1464: 1441:Blackletter type 1397: 1396: 1334:Vertical aspects 1315:Sentence spacing 1125:Typeface anatomy 1121: 1120: 988: 981: 974: 965: 964: 909: 638:Treasure binding 581: 415: 408: 401: 392: 391: 379: 336: 331: 325: 315: 309: 293: 287: 284: 278: 275: 269: 266: 260: 257: 251: 248: 242: 241: 236: 235: 216: 210: 209: 202: 175: 174: 170: 2001: 2000: 1996: 1995: 1994: 1992: 1991: 1990: 1971: 1970: 1969: 1964: 1946: 1930: 1862: 1822:writing systems 1821: 1815: 1769: 1709: 1653:Microtypography 1592: 1528: 1490: 1467: 1435: 1392:classifications 1391: 1380: 1329: 1283: 1249:Blackboard bold 1235: 1187: 1110: 1060: 1051:Recto and verso 997: 992: 962: 957: 884: 799: 795:Tipped-in pages 758: 739:Acknowledgments 660: 642: 589: 582: 573: 547:Recto and verso 433: 424: 419: 389: 376: 345: 340: 339: 332: 328: 316: 312: 294: 290: 285: 281: 276: 272: 267: 263: 258: 254: 249: 245: 233: 231: 218: 217: 213: 204: 203: 199: 194: 172: 168: 167: 155: 131: 114:Column contrast 89: 79: 67:legal documents 12: 11: 5: 1999: 1989: 1988: 1983: 1966: 1965: 1963: 1962: 1951: 1948: 1947: 1945: 1944: 1938: 1936: 1932: 1931: 1929: 1928: 1923: 1918: 1913: 1908: 1903: 1898: 1893: 1892: 1891: 1886: 1881: 1870: 1868: 1864: 1863: 1861: 1860: 1859: 1858: 1856:National Fonts 1848: 1843: 1842: 1841: 1831: 1825: 1823: 1817: 1816: 1814: 1813: 1808: 1803: 1801:Web typography 1798: 1793: 1788: 1783: 1777: 1775: 1771: 1770: 1768: 1767: 1762: 1761: 1760: 1750: 1745: 1740: 1735: 1730: 1725: 1719: 1717: 1711: 1710: 1708: 1707: 1706: 1705: 1695: 1690: 1685: 1680: 1678:Reversing type 1675: 1670: 1665: 1660: 1655: 1650: 1645: 1640: 1635: 1630: 1625: 1624: 1623: 1618: 1608: 1602: 1600: 1594: 1593: 1591: 1590: 1585: 1580: 1575: 1574: 1573: 1563: 1558: 1553: 1547: 1545: 1534: 1533: 1530: 1529: 1527: 1526: 1525: 1524: 1519: 1514: 1504: 1498: 1496: 1492: 1491: 1489: 1488: 1483: 1477: 1475: 1469: 1468: 1466: 1465: 1456: 1451: 1445: 1443: 1437: 1436: 1434: 1433: 1428: 1427: 1426: 1421: 1416: 1405: 1403: 1394: 1386: 1385: 1382: 1381: 1379: 1378: 1373: 1368: 1363: 1358: 1353: 1348: 1343: 1337: 1335: 1331: 1330: 1328: 1327: 1322: 1317: 1312: 1307: 1305:Letter-spacing 1302: 1297: 1291: 1289: 1285: 1284: 1282: 1281: 1276: 1271: 1266: 1261: 1259:Color printing 1256: 1251: 1245: 1243: 1237: 1236: 1234: 1233: 1228: 1223: 1218: 1213: 1208: 1203: 1197: 1195: 1193:Capitalization 1189: 1188: 1186: 1185: 1180: 1175: 1170: 1165: 1160: 1155: 1150: 1145: 1140: 1135: 1129: 1127: 1118: 1112: 1111: 1109: 1108: 1107: 1106: 1096: 1091: 1086: 1081: 1076: 1070: 1068: 1062: 1061: 1059: 1058: 1053: 1048: 1043: 1038: 1033: 1031:Page numbering 1028: 1023: 1018: 1013: 1007: 1005: 999: 998: 991: 990: 983: 976: 968: 959: 958: 956: 955: 950: 945: 940: 935: 930: 925: 920: 917: 912: 911: 910: 898: 892: 890: 889:Other elements 886: 885: 883: 882: 877: 872: 867: 862: 857: 852: 847: 842: 837: 832: 831: 830: 820: 815: 809: 807: 801: 800: 798: 797: 792: 787: 784: 779: 774: 768: 766: 760: 759: 757: 756: 754:Printer's mark 751: 746: 741: 736: 731: 726: 721: 716: 711: 706: 701: 699:Imprimi potest 696: 694:Edition notice 691: 686: 681: 680: 679: 670: 668: 662: 661: 659: 658: 652: 650: 644: 643: 641: 640: 635: 630: 625: 620: 615: 610: 605: 600: 594: 592: 584: 583: 576: 574: 572: 571: 570: 569: 559: 554: 549: 544: 539: 537:Page numbering 534: 529: 524: 519: 518: 517: 512: 502: 497: 492: 487: 482: 477: 472: 467: 466: 465: 460: 455: 450: 439: 437: 426: 425: 418: 417: 410: 403: 395: 388: 387: 380: 374: 361: 346: 344: 341: 338: 337: 326: 310: 288: 279: 270: 261: 252: 243: 237:. Column 913: 211: 196: 195: 193: 190: 189: 188: 183: 177: 161: 154: 151: 130: 127: 78: 75: 9: 6: 4: 3: 2: 1998: 1987: 1984: 1982: 1979: 1978: 1976: 1961: 1953: 1952: 1949: 1943: 1940: 1939: 1937: 1933: 1927: 1924: 1922: 1919: 1917: 1914: 1912: 1909: 1907: 1904: 1902: 1899: 1897: 1894: 1890: 1887: 1885: 1882: 1880: 1877: 1876: 1875: 1872: 1871: 1869: 1865: 1857: 1854: 1853: 1852: 1849: 1847: 1844: 1840: 1837: 1836: 1835: 1832: 1830: 1827: 1826: 1824: 1818: 1812: 1809: 1807: 1806:BĂ©zier curves 1804: 1802: 1799: 1797: 1794: 1792: 1791:Rasterization 1789: 1787: 1784: 1782: 1779: 1778: 1776: 1772: 1766: 1763: 1759: 1756: 1755: 1754: 1751: 1749: 1746: 1744: 1741: 1739: 1736: 1734: 1731: 1729: 1726: 1724: 1721: 1720: 1718: 1716: 1712: 1704: 1701: 1700: 1699: 1696: 1694: 1691: 1689: 1686: 1684: 1681: 1679: 1676: 1674: 1671: 1669: 1666: 1664: 1661: 1659: 1656: 1654: 1651: 1649: 1648:Microprinting 1646: 1644: 1641: 1639: 1636: 1634: 1631: 1629: 1626: 1622: 1619: 1617: 1614: 1613: 1612: 1609: 1607: 1606:Etaoin shrdlu 1604: 1603: 1601: 1599: 1595: 1589: 1586: 1584: 1581: 1579: 1576: 1572: 1569: 1568: 1567: 1564: 1562: 1559: 1557: 1554: 1552: 1549: 1548: 1546: 1543: 1539: 1535: 1523: 1520: 1518: 1515: 1513: 1510: 1509: 1508: 1505: 1503: 1500: 1499: 1497: 1493: 1487: 1484: 1482: 1479: 1478: 1476: 1474: 1470: 1463: 1462: 1457: 1455: 1452: 1450: 1447: 1446: 1444: 1442: 1438: 1432: 1429: 1425: 1422: 1420: 1417: 1415: 1412: 1411: 1410: 1407: 1406: 1404: 1402: 1398: 1395: 1393: 1387: 1377: 1374: 1372: 1369: 1367: 1364: 1362: 1359: 1357: 1354: 1352: 1349: 1347: 1344: 1342: 1339: 1338: 1336: 1332: 1326: 1323: 1321: 1318: 1316: 1313: 1311: 1308: 1306: 1303: 1301: 1298: 1296: 1293: 1292: 1290: 1286: 1280: 1277: 1275: 1272: 1270: 1267: 1265: 1262: 1260: 1257: 1255: 1252: 1250: 1247: 1246: 1244: 1242: 1238: 1232: 1229: 1227: 1224: 1222: 1219: 1217: 1214: 1212: 1209: 1207: 1204: 1202: 1199: 1198: 1196: 1194: 1190: 1184: 1181: 1179: 1176: 1174: 1171: 1169: 1166: 1164: 1161: 1159: 1156: 1154: 1151: 1149: 1146: 1144: 1141: 1139: 1136: 1134: 1131: 1130: 1128: 1126: 1122: 1119: 1117: 1113: 1105: 1102: 1101: 1100: 1097: 1095: 1092: 1090: 1087: 1085: 1082: 1080: 1077: 1075: 1072: 1071: 1069: 1067: 1063: 1057: 1054: 1052: 1049: 1047: 1044: 1042: 1039: 1037: 1034: 1032: 1029: 1027: 1024: 1022: 1019: 1017: 1014: 1012: 1009: 1008: 1006: 1004: 1000: 996: 989: 984: 982: 977: 975: 970: 969: 966: 954: 951: 949: 946: 944: 941: 939: 936: 934: 931: 929: 926: 924: 921: 918: 916: 913: 908: 904: 903: 902: 899: 897: 894: 893: 891: 887: 881: 878: 876: 873: 871: 868: 866: 863: 861: 858: 856: 853: 851: 848: 846: 843: 841: 838: 836: 833: 829: 826: 825: 824: 821: 819: 816: 814: 811: 810: 808: 806: 802: 796: 793: 791: 788: 785: 783: 782:Illustrations 780: 778: 775: 773: 770: 769: 767: 765: 761: 755: 752: 750: 747: 745: 742: 740: 737: 735: 732: 730: 727: 725: 722: 720: 717: 715: 712: 710: 707: 705: 702: 700: 697: 695: 692: 690: 687: 685: 682: 678:bastard title 677: 676: 675: 672: 671: 669: 667: 663: 657: 654: 653: 651: 649: 645: 639: 636: 634: 633:Picture cover 631: 629: 626: 624: 621: 619: 616: 614: 611: 609: 606: 604: 601: 599: 596: 595: 593: 591: 585: 580: 568: 565: 564: 563: 560: 558: 555: 553: 550: 548: 545: 543: 540: 538: 535: 533: 530: 528: 525: 523: 520: 516: 513: 511: 508: 507: 506: 503: 501: 498: 496: 493: 491: 488: 486: 483: 481: 478: 476: 473: 471: 468: 464: 461: 459: 458:Marginal note 456: 454: 451: 449: 446: 445: 444: 441: 440: 438: 436: 431: 427: 423: 416: 411: 409: 404: 402: 397: 396: 393: 385: 381: 377: 375:0-8230-5528-0 371: 367: 362: 359: 355: 354:Meggs, Philip 351: 348: 347: 334: 330: 323: 319: 314: 307: 304: 300: 297: 292: 283: 274: 265: 256: 247: 240: 229: 225: 221: 215: 207: 201: 197: 187: 184: 181: 178: 165: 162: 160: 157: 156: 150: 147: 143: 142:table element 140: 136: 126: 124: 120: 115: 111: 109: 105: 101: 97: 93: 88: 84: 74: 72: 68: 64: 60: 55: 53: 52: 47: 43: 39: 35: 31: 27: 18: 1906:Type foundry 1743:Metric units 1673:Punchcutting 1658:Movable type 1628:Font catalog 1588:Vertical bar 1325:Word spacing 1295:Figure space 1178:Text figures 1021:Even working 1015: 855:Bibliography 744:Introduction 704:Nihil obstat 684:Frontispiece 666:Front matter 500:Illumination 479: 383: 365: 357: 352:. Day, Ben. 329: 321: 320:6 June 2007 313: 305: 291: 282: 273: 264: 255: 246: 238: 232:. Retrieved 227: 223: 214: 200: 132: 113: 112: 95: 92:Column width 91: 90: 59:page numbers 56: 49: 37: 29: 23: 1986:Page layout 1901:Type design 1896:Style guide 1889:Calligraphy 1879:Handwriting 1693:Type design 1643:Lorem ipsum 1638:Letterpress 1598:Typesetting 1538:Punctuation 1502:Record type 1473:Gaelic type 1461:Schwabacher 1351:Body height 1216:Letter case 1084:Line length 953:Thumb index 919:Die-cutting 880:Author page 805:Back matter 764:Body matter 613:Dust jacket 603:Bookbinding 590:back covers 557:Rubrication 510:Historiated 430:Page layout 422:Book design 350:Carter, Rob 186:Line length 176:of a column 159:Column inch 83:Line length 46:page layout 1981:Typography 1975:Categories 1874:Penmanship 1846:East Asian 1688:Type color 1621:monospaced 1578:Interpunct 1571:minus sign 1495:Specialist 1431:Sans-serif 1424:slab serif 1401:Roman type 1356:Cap height 1320:Thin space 1279:Whitespace 1231:Title case 1226:Snake case 1221:Small caps 1206:Camel case 1138:Diacritics 1046:Pull quote 1041:Pagination 1036:Paper size 995:Typography 915:Book rhyme 896:Book curse 835:Postscript 818:Conclusion 714:Dedication 709:Imprimatur 689:Title page 674:Half-title 588:Front and 542:Pull quote 443:Annotation 435:typography 343:References 234:2016-02-15 166:, roughly 135:web design 129:Web layout 87:Type color 42:whitespace 40:(vertical 26:typography 1371:Overshoot 1366:Mean line 1361:Descender 1274:Underline 1116:Character 1094:Runaround 1074:Alignment 1066:Paragraph 907:ex-librÄ«s 901:Bookplate 813:Afterword 772:Body text 648:Endpapers 628:Paperback 618:Hardcover 527:Miniature 515:Inhabited 495:Headpiece 475:Catchword 306:glish.com 1960:Category 1839:PT Fonts 1834:Cyrillic 1698:Typeface 1616:computer 1517:fat face 1390:Typeface 1376:x-height 1346:Baseline 1341:Ascender 1201:All caps 1163:Rotation 1158:Ligature 1153:Ink trap 948:Slipcase 875:Postface 870:Colophon 850:Glossary 845:Endnotes 823:Epilogue 790:Sections 777:Chapters 749:Prologue 729:Foreword 719:Epigraph 562:Typeface 532:Ornament 448:Footnote 299:Archived 153:See also 119:typeface 1786:Hinting 1663:Pangram 1481:Insular 1454:Rotunda 1449:Fraktur 1414:Antiqua 1300:Kerning 1269:Oblique 1264:Italics 1211:Initial 1143:Dingbat 1133:Counter 1079:Leading 943:Pop-ups 923:Endband 734:Preface 656:Marbled 623:Leather 608:Buckram 505:Initial 463:Scholia 171:⁄ 123:leading 96:measure 71:patents 51:margins 38:gutters 34:content 1829:Arabic 1728:Cicero 1566:Hyphen 1551:Bullet 1512:script 1486:Uncial 1419:Didone 1183:Tittle 1026:Margin 1016:Column 865:Errata 552:Rubric 522:Margin 490:Header 485:Footer 480:Column 372:  322:W3.org 30:column 1753:Point 1723:Agate 1583:Space 1409:Serif 1310:Pitch 1173:Swash 1148:Glyph 1089:River 860:Index 828:Outro 786:Parts 453:Gloss 192:Notes 164:stick 104:picas 100:point 1851:Thai 1765:Twip 1748:Pica 1703:list 1683:Sort 1611:Font 1556:Dash 1542:List 1254:Bold 1104:runt 1003:Page 567:Font 432:and 370:ISBN 139:HTML 85:and 69:and 28:, a 146:CSS 133:In 108:ems 61:in 24:In 1977:: 1738:En 1733:Em 356:. 228:24 226:. 222:. 173:10 65:, 1544:) 1540:( 987:e 980:t 973:v 414:e 407:t 400:v 378:. 169:1

Index


typography
content
whitespace
page layout
margins
page numbers
serial publications
legal documents
patents
Line length
Type color
point
picas
ems
typeface
leading
web design
HTML
table element
CSS
Column inch
stick
Characters per line
Line length
"In Typography, what are Gutters? (With pictures)"
"Poor Laws' Amendment - Report"
“CSS Layout Techniques: for Fun and Profit”
Archived
National and University Library of Iceland

Text is available under the Creative Commons Attribution-ShareAlike License. Additional terms may apply.

↑