CSS Border Property With Practical Examples

By -

The border CSS property defines the border-width, border-hight, border-color, border-style, border-width and much more. Like all properties, a missing value for one of the longhand properties is set to the corresponding initial value. Also note that border-image, though not settable using this shorthand, is reset to its initial value, that is, none. This allows using border to reset any border settings set earlier in the cascade.

CSS Borders

Read Also: CSS Padding With Practical Examples

Border Style

The border-style property defines what kind of border to make.

  • dotted
  • dashed
  • solid
  • double
  • groove

CSS Borders Width Example

Input:

<style>
p.text {
border-style: solid;
border-width: 5px;
}
</style>
<p class="one">Some text.</p>
<p><b>Note:</b> The "border-width" property does not work if it is used alone.
Always specify the "border-style" property to set the borders first.</p>

Output:

Some text....

Some text....

Comments

Post a Comment

Popular posts from this blog

How to Use Conditional Tags to Optimize BlogSpot Blog

By -
Image
Have you ever thought that blogger labels and conditional tags could improve your SEO for pages, posts, categories and of course everything that brings the organic traffic? Well, if you have not heard the power of BlogSpot Conditional Tags, then you may read this post. By reading this article, you could take your Blogger SEO to the next level without being involved in dumb SEO audits. Using labels and Conditional Tags properly could boost your SEO and search ranking as well. In past, i discussed the latest version of global conditional tags , But here, we will be using a simple and SEO jolt technique to improve your blog SEO. As we know, Blogger is a Free and secure content management system offered by Google which is dedicated to newbies and probloggers as well. However, some of us take the advantages of BlogSpot and people like you and me are still unaware about it's benefits. Let's discuss! Also Read: How to optimize images Using Labels and Conditional Tags You might...
Read more

Referral Program: How to Make $25 Per Sign Up

By -
Image
Believe it or not - I earned $350 in 3 days and still counting. This was the first day when i joined Payoneer referral program on my blog. If you think that i am kidding around then you can confirm the legitimacy first and come back later on this page and i will show you the further steps what to do next. So, are you ready to go with payoneer referral program? Maybe Yes! For the past of 3 years, I have been with Payoneer referral program and it works like a money machine for me and still growing day by day. This is not a tough job to get started but what you need is; join the program and earn $25 per click in just 5 minutes. It works everywhere like sharing your referral link on your blog or use social media strategies. You can still join here even if you use AdSense or any other program. Contents [ hide ] Also Read: 6 Quick Ways to Make Money on Internet Without Investment How to Make $25 Dollars Per Click Before starting, you have to sign up for an account to get involv...
Read more

6 Digital Marketing Strategies for Small Business

By -
Image
Revenue is the lifeblood of any business. To get enough sales, it is very important to market your business as well as the products and services which you are providing. Today, there are millions of potential consumers on the Internet. Therefore, digital marketing is highly necessary. This is an activity where the company's name, brand, products, and services are spread throughout the Internet so that online consumers can view them, make purchases and possibly make referrals. By boosting your company's brand awareness online, you can create an attractive, positive and profitable business. One of the most effective methods of achieving this is by using SEO methods and other useful techniques. Here is more on Search Engineering Optimization. What is Search Engine Optimization? (SEO) This is a specialized strategy where the online visibility of a website is grown in the organic search engine results. Involving a collection of technical and web-based strategies, SEO optimizatio...
Read more