Thuộc tính BORDER CSS viết tắt

CSS Border - 属性 viết tắt

As you saw in the previous chapter, many properties need to be considered when dealing with borders.

To reduce code, you can also specify all individual border properties in one attribute.

border The property is a shorthand for the following individual border properties:

  • border-width
  • border-style(Required)
  • border-color

Example

p {
  border: 5px solid red;
}

Result:

Some Text

Try It Yourself

You can also specify all single border properties for only one side:

Left Border

p {
  border-left: 6px solid red;
  background-color: lightgrey;
}

Result:

Some Text

Try It Yourself

Lower Border

p {
  border-bottom: 6px solid red;
  background-color: lightgrey;
}

Result:

Some Text

Try It Yourself