We can define styles for tables using CSS. The following properties are used to style and its elements −borderThe CSS border property is used to define border-width, border-style and border-color.border-collapseThis property is used to specify whether a elements should have a shared or separate border.captionThe caption-side property is used to vertically position the table caption box.empty-cellsThis property is used to specify the display of empty cells of a table.table-layout To define the algorithm to be used by the browser for laying out rows, columns and cells of a table.ExampleThe following examples illustrate styling of tables − Live Demo ... Read More

We can define styles for tables using CSS. The following properties are often used to style and its elements − border − The CSS border property is used to define border-width, border-style and border-color. border-collapse − This property is used to specify whether a elements should have a shared or separate border. caption − The caption-side property is used to vertically position the table caption box. empty-cells − This property is used to specify the display of empty cells of a table. table-layout −To define the algorithm to be used by the browser for laying out rows, ... Read More

The style and position of unordered and ordered lists can be formatted by CSS properties with list-style-type, list-style-image and list-style-position. Syntax The syntax of CSS list-style property is as follows − Selector { list-style: /*value*/ } Style Ordered List With Upper Roman Marker The following example illustrate the CSS list-style property and styles the ordered list. We have set the upper roman values for the ordered list − list-style: upper-roman; Example Let us see an example − ol ... Read More

Outline doesn’t take up space and is displayed around the border if set. It is used for highlighting elements and we can’t specify whether individual sides should have an outline or not. Like borders, outline is not displayed by default. In some browsers, say Firefox, focused elements are displayed with a thin outline. Borders can be customized to a greater extent. We style individual sides of a border and round their edges. Borders take up space and affect the box-sizing. Outlines The outline is drawn outside the borders. It is a line drawn around elements. The following are the properties. ... Read More

We can style links as per our requirements. It is recommended that links have styles which distinguish them from normal text. The default link styles for different link states is as follows − Link State Color active #EE0000 focus #5E9ED6 or a similar shade of blue outline in case of Windows and Mac, #F07746 outline for Linux while text color remains the same hover #0000EE link #0000EE visited #551A8B Note − The above colors may change with newer versions of browsers. For proper functionality, the ... Read More

The CSS text-transform property allows us to set text capitalization for an element. It can accept the following values: capitalize, lowercase, uppercase, full-width, full-size-kana and none.SyntaxThe syntax of CSS text-transform property is as follows −Selector {    text-transform: /*value*/ }ExampleThe following examples illustrate CSS text-transform property − Live Demo h2 {    text-transform: uppercase; } .demo {    text-transform: lowercase; } q {    text-transform: capitalize;    font-style: italic; } WordPress WordPress is open source software you can use to create a beautiful website, blog, or app. 34% of the web uses WordPress, from hobby ... Read More

The CSS text-decoration property is used to apply decoration to selected element’s text. We can add a line-through, overline, underline, etc. as values. It is a shorthand for text-decoration-line, text-decoration-color and text-decoration-style.SyntaxThe syntax of text-decoration property is as follows −Selector {    text-decoration: /*value*/ }ExampleThe following examples illustrate CSS text-decoration property − Live Demo p:nth-child(2)::before {    content: " We will reach the destination ";    background-color: lightgreen;    text-decoration: overline blue;    font-size: 1.2em; } I'm not the only traveller before night. OutputThis gives the following output −Example Live Demo ... Read More

Using CSS text-align property we can horizontally set the text of an element. We can set it to left, right, justify or center.SyntaxThe syntax of CSS text-align property is as follows −Selector {    text-align: /*value*/ }ExampleThe following exmples illustrate CSS text-align property − Live Demo div {    margin: auto;    padding: 8px;    max-width: 200px;    border: thin solid; } p {    text-align: right; } div:nth-child(3) {    text-align: center; } div:last-child {    text-align: justify; } Student Examination Details Student John Student Tom Did not appeared for the exams. ... Read More

CSS allows us to style links as desired. We can format text, by adding colors, background, increase size, etc. Furthermore, animations can be added to create a pleasant visual effect.For proper functionality, the order of pseudo selectors is given by:- :link, :visited, :hover, :active.ExampleThe following examples illustrate styling of links with CSS − Live Demo p {    margin: 25px; } #mod {    padding: 10px;    color: darkturquoise;    border: thin solid;    background-color: lemonchiffon; } #mod:hover {    color: white;    box-shadow: 0 0 0 1px black;    background-color: slateblue; } Demo ... Read More

The CSS word-spacing property is used to specify the space between words of an element.SyntaxThe syntax of CSS word-spacing property is as follows −Selector {    word-spacing: /*value*/ }ExampleThe following examples illustrate CSS word-spacing property − Live Demo div {    display: flex;    float: left;    padding: 10px;    background-color: salmon; } div > div {    word-spacing: 30px;    width: 340px;    height: 140px;    border-radius: 5%;    box-shadow: inset 0 0 15px blueviolet; } Magento is an open source E-commerce software, created by Varien Inc., which is useful for ... Read More