HOME | PHP Tutorial | CSS
facebook icon
AgerNic.com
WEB DEVELOPER SITE, HTML, CSS, PHP
PHP Tutorial

PHP forms
HTML Tutorial

CSS Tutorial

CSS Border Width


CSS Tutorial » CSS Border Width

The border-width property sets the width of an element four borders. For this property we can have from one to four values.

CSS Syntax

border-width: medium or thin or thick or length or initial or inherit;
Note: Always declare the border-style property before the border-width property

We can add CSS Style as:
Inline - by using the style attribute in HTML elements
Internal - by using a <style> element in the <head> section
External - by using an external CSS file as style.css


How to create CSS Border Width - examples


You can try to execute the following code to change CSS Border Width on this page.

Examples:

1. border-width: thick medium thin 12px;
top border is thick
right border is medium
bottom border is thin
left border is 12px

2. border-width: thick medium thin;
top border is thick
right and left borders are medium
bottom border is thin

3. border-width: thick thin;
top and bottom borders are thick
right and left borders are thin

4. border-width: medium;
all four borders are medium

Example:
Example 1, How to create CSS Border Width - examples:
  <!DOCTYPE html>
<html>
<head>
<title>CSS Border Width - examples - example</title>
<style>
h1 {
color:red;
}
.border1 {
border-style: solid; border-width: thick medium thin 12px;
}
.border2 {
border-style: solid; border-width: thick medium thin;
}
.border3 {
border-style: solid; border-width: thick thin;
}
.border4 {
border-style: solid; border-width: medium;
}
</style>
</head>
<body>
<h1>CSS Border Width - examples</h1>
<div class="border1">1 You text here: Learn how to create CSS Border Width. </div> <br /><br />
<div class="border2">2 You text here: Learn how to create CSS Border Width. </div> <br /><br />
<div class="border3">3 You text here: Learn how to create CSS Border Width. </div><br /><br />
<div class="border4">4 You text here: Learn how to create CSS Border Width. </div><br /><br />
<div style="border-style: solid; border-width: thin;">5 I used inline CSS. You text here:
Learn how to create CSS Border Width. </div>
</body>
</html>

css border width, not working, animation, order, percentage, and color, percentage width, left, bottom, css border-width top bottom left right CSS Border Width - css tutorial

2804. CSS background, Color, Background Image, css tutorial
CSS background, Color, Background Image css tutorial
http://www.agernic.com/css-tutorial/css-background-color-image-css-tutorial.html

2590. Android tutorial for beginners - Learn Android Programming and how to develop android mobile phone and ipad applications.
Online CSS Tutorial pdf, what is CSS, Online Courses, Classes, Training, Tutorials for Beginners - agernic.com is a free interactive Code, Tags, Example, CSS, Editor, Online Courses, Training for beginners
http://www.agernic.com/android-tutorial.html

2226. CSS Tutorial - Build a navigation bar
Normally to create a navigation bar (horizontal or vertical menu) the HTML lists are a good start point. You can then use CSS to give it some awesomeness. You will also use a link inside the li element. So let
https://tutorialehtml.com/en/css-tutorial-build-a-navigation-bar/

3191. How to include, how to incorporate CSS in HTML, css tutorial
How to include, how to incorporate CSS in HTML css tutorial
https://www.agernic.com/css-tutorial/how-to-include-how-to-incorporate-css-in-html.html

2231. CSS Tutorial - Float
All HTML elements that comes next to elements aligned using float left or right, will float next to it. To prevent that you need to use the clear attribute with the value: both:
https://tutorialehtml.com/en/css-tutorial-float/

824. Introduction to CSS user interface - CSS tutorials - w3resource

https://www.w3resource.com/css/user-interface/introduction.php

Your add here
PHP substr() function

PHP trim() function

PHP implode() function

PHP similar_text() function

PHP wordwrap() function

PHP strrchr() Function

PHP lcfirst() function

PHP rtrim() function

PHP ltrim() function

PHP strtolower() function

PHP strstr() function

PHP count() Function

PHP explode() function

PHP htmlspecialchars() function

PHP print() function

PHP strcmp() function

HTML Image Link
HTML Table Style
HTML List Bullet
SQL IN Operator - example
CSS Style Scrollbar
CSS max width - max height - CSS responsive