From 5e04f8aece7437871c62d715fb208740dfca0907 Mon Sep 17 00:00:00 2001 From: Dhanajayan k Date: Tue, 16 Oct 2018 01:25:12 +0530 Subject: [PATCH] fix(guide): CSS- Added changes to styling tables (#18762) --- .../guide/english/css/styling-tables/index.md | 25 +++++++++++++++---- 1 file changed, 20 insertions(+), 5 deletions(-) diff --git a/client/src/pages/guide/english/css/styling-tables/index.md b/client/src/pages/guide/english/css/styling-tables/index.md index fadd0c9f9e1..b0881a9667c 100644 --- a/client/src/pages/guide/english/css/styling-tables/index.md +++ b/client/src/pages/guide/english/css/styling-tables/index.md @@ -3,13 +3,28 @@ title: Styling Tables --- ## Styling Tables -This is a stub. Help our community expand it. +Tables can be styled with css properties, such as ```table-layout```,```border-collapse```,```border```,```width```,```height```,```text-align```,```font```,```color```etc. -This quick style guide will help ensure your pull request gets accepted. - - +### Example +```css +/*set table border to solid black*/ +table, th, td { + border: 1px solid black; +} +table { + border-collapse: collapse; +} +/*set padding of 15px to all table elements and aligns to left*/ +th, td { + padding: 15px; + text-align: left; +} +``` #### More Information: - + + - [MDN](https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_boxes/Styling_tables) + - [w3schools](https://www.w3schools.com/css/css_table.asp) +