Category Archives: CSS Tutorial


CSS Padding: Explained With 4 Online Examples

The padding property of CSS The padding and margin properties add spaces in the specified HTML elements. The CSS padding property adds space between the content and border of the specified HTML element. See a padding example by single declaration To set the padding of HTML elements, you can use the padding property with one value

Ways to define CSS border-radius with 3 examples

How to define the border radius? The CSS border-radius property sets the rounding of the borders of the specified element. The round may be circle or ellipse. You can set the border-radius in the single declaration by using: e.g. border-radius: 15px; >>See A border-radius example by single declaration Or by using specific border side like

CSS border-color property

How to use CSS border color property with 3 examples

The border-color property of CSS With the border-color property, you can set the border color of one or all four borders of the specified element. A simple example of using the border color CSS property is: border-color: blue; >>See an example to use border color property The border color value can be set by using: Hexadecimal

CSS border style

2 Examples to set CSS border styles: Solid, Dotted, Dashed etc.

The border-style property defines what type of border to choose among available list given below. CSS border style also allows to set different style for four borders (left, right top and bottom). Though border style CSS can be specified in single declaration as well by using border property.

CSS table border

Setting CSS Table Border with Collapse and other Properties

Table border properties allow to set border specification of HTML tables inside CSS. In spite of setting table display settings at in-line you can specify table border in CSS. In this example table style, including border is styled inside CSS by using table border and other style properties.

CSS border table

CSS border: 3 Examples to Style Borders in div, table

The border properties of CSS allow placing border(s) around HTML elements. This is very useful and gives a lot of control to specify border specifications. You can place borders on top, bottom, left or right with different colors and widths. The borders make it quite easier to differentiate among elements of your web page with different styling that otherwise you had to do by using HTML table/borders or by using images.

CSS color

Ways to Use CSS Font / Text Color property

The CSS font color property is used to set the text color. You can specify font color of each element’s text separately. For example color of headings, link, paragraphs, Divs, list items etc.

CSS font style italic

CSS font style | Learn to Set Text as Italic, Oblique

To make text look italic or oblique CSS font style property is used. The default value of font style property is normal.

CSS font size

CSS Font size – Ways to set text size with 2 examples

The font size property sets the font size of text in elements. This may be required to set heading size of top heading or a paragraph, for example, to be larger than text that comes underway in your web page. With font size property you can control the size of text.

CSS font-weight

CSS font-weight: bold or slightly bold text with 2 Demos

In your web pages you need to make specific parts stand out more over others. Headings should be more prominent along with certain texts within paragraphs as well. In order to make text bold or normal CSS provides font-weight property. A value between thin and think between (normal to bold) can also be given in CSS font weight property.