The most common way to do this is with borders, background colours, or both. When your site users read your table, they should be able to easily understand and follow the structure of the table. Table structureīefore we dive into the CSS, let’s consider the key structural elements of tables you will need to style clearly: We’ll also cover some common design requests for tables. This article focuses on applying CSS in an efficient manner, to produce clear and readable data table styles. So it makes sense to know how to style them properly. Tables are excellent for their true purpose - displaying tabular data. So much attention is given to “don’t use tables!” that people sometimes forget the issue is actually "don’t use tables for layout". IntroductionĪt times it seems that tables are a little misunderstood in modern web development. University of Wisconsin-Eau Claire 105 Garfield Avenue P.O.This article provides a guide to the fundamental styling options available for tables. (Optional) Under Patterns, from the Style pull-down list, select the desired shading patternįrom the Apply to pull-down list, select where you want the color appliedĪpplies border style only to text (i.e., a text border is created inside the cell border)Īpplies border style based on selected paragraph breaks within selected cells and/or throughout the table To select a shading color, under Fill, select the desired shading option Select the cells you want to apply shading to The border changes are applied to your table. You are returned to the Table properties dialog box. (Optional) To apply additional border settingsIn the Preview section, select or deselect the desired borders by clicking the diagram or the surrounding buttonsįrom the Apply to pull-down menu, select where you want the border styles applied:.On the Styles scroll menu, select the desired line styleįrom the Width pull-down menu, select the desired border thickness In the Setting section, select the desired table setting The Borders and Shading dialog box appears. On the Command bar, from the Table pull-down menu, select Table Properties. The Borders and Shading dialog box provides another way to add borders and shading to your table. HINT: These two colors will combine with the selected pattern to create the shading effect.Īdding Borders and Shading: Dialog Box Option įrom the Pattern pull-down menu, select the desired patternįrom the Color pull-down menu, select the desired colorįrom the Fill color pull-down menu, select the desired color To select the entire table, click the TABLE MOVE handle. To select multiple non-contiguous cells, press and hold while clicking each desired cell. To select multiple contiguous cells, click in one cell and hold the mouse button while dragging across the desired cells. Select the cell(s) you want to add shading to The Borders and Shading tools are displayed.įrom the Type pull-down menu, select the desired border styleįrom the Style pull-down menu, select the desired border styleįrom the Color pull-down menu, select the desired border colorįrom the Weight pull-down menu, select the desired border thickness To expand the tools, click BORDERS AND SHADING Select the cell(s) you want to apply borders to Word's Formatting Palette provides quick access to the table borders and shading features. However, to emphasize certain aspects of your table, you might want to add, remove, or modify table borders, or to add shading to certain cells, rows, or columns in your table.Īdding Borders and Shading: Palette Option Word automatically applies a ½ point border and a white background (i.e., no shading) to all tables and table cells. This article is based on legacy software. (Archives) Microsoft Word 2007: Tables: Adding Borders and Shading Mac
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |