Welcome ! HomeForums
Login Register

Forums Home| Sms Zone
ওয়েবসাইট তৈরি করতে ক্লিক করুন
Write New Thread

Forums.Likebd.Com > English Forums > Design and Development > CSS > CSS - Images

CSS - Images

Facebook Twitter Googleplus Pint Views: 1205
Thread Rating:
0 Vote(s) - 0 Average 1 2 3 4 5
(06-28-2018, 09:36 AM ) width= Hasan [ 1 ]
Images are very important part of any Web Page. Though it is not recommended to include lot of images but it is still important to use good images wherever it is required.

CSS plays a good role to control image display. You can set following image properties using CSS.

The border property is used to set the width of an image border.

The height property is used to set the height of an image.

The width property is used to set the width of an image.

The -moz-opacity property is used to set the opacity of an image.

The image border Property:
The border property of an image is used to set the width of an image border. This property can have a value in length or in %.

A width of zero pixels means no border.

Here is the example:

<img style="border:0px;" src="/images/css.gif" />
<br />
<img style="border:3px dashed red;" src="/images/css.gif" />
Quote
(06-28-2018, 09:36 AM ) width= Hasan [ 1 ]
The image height Property:
The height property of an image is used to set the height of an image. This property can have a value in length or in %. While giving value in %, it applies it in respect of the box in which an image is available.

Here is the example:

<img style="border:1px solid red; height:100px;"
src="/images/css.gif" />
<br />
<img style="border:1px solid red; height:50%;"
src="/images/css.gif" />
Quote
(06-28-2018, 09:36 AM ) width= Hasan [ 1 ]
The image width Property:
The width property of an image is used to set the width of an image. This property can have a value in length or in %. While giving value in %, it applies it in respect of the box in which an image is available.

Here is the example:

<img style="border:1px solid red; width:100px;"
src="/images/css.gif" />
<br />
<img style="border:1px solid red; width:100%;"
src="/images/css.gif" />
Quote
(06-28-2018, 09:37 AM ) width= Hasan [ 1 ]
The -moz-opacity Property:
The -moz-opacity property of an image is used to set the opacity of an image. This property is used to create a transparent image in Mozilla. IE uses filter:alpha(opacity=x) to create transparent images.

In Mozilla (-moz-opacity:x) x can be a value from 0.0 - 1.0. A lower value makes the element more transparent (The same things goes for the CSS3-valid syntax opacity:x).

In IE (filter:alpha(opacity=x)) x can be a value from 0 - 100. A lower value makes the element more transparent.

Here is the example:

<img style="border:1px solid red;-moz-opacity:0.4;filter:alpha(opacity=40);" src="/images/css.gif" />
Quote
« Next Oldest | Next Newest »

You must Login for comment or Register here
Share Link
Link :
HTML Link:
BBcode Link:

Tag:

CSS - Images free net tips, CSS - Images Tips and Trick, CSS - Images Free download, CSS - Images jokes koutuk, CSS - Images hasir golpo, Funny golpo story 2015 2016 207, CSS - Images New tips, CSS - Images all Golpo story fun jokes,CSS - Images wapka wml xhtml code css

Possibly Related Threads…
  CSS white-space Property
  CSS - Tables
  CSS - Links
  css text effect
  Setting Fonts using CSS
  Setting Backgrounds using CSS
  CSS - Colors
  CSS Syntax - Selectors
  CSS Introduction


  • Subscribe to this thread


EasyMenu
Create Post:
Forum Jump:
Main Category
Bangla Sms বাংলা এসএমএস
English Sms বিজ্ঞান-ও-প্রযুক্তি
ইসলামের কথা খবরা-খবর
বিনোদন ডেস্ক খেলাধুলার খবর
দৈনন্দিন জীবন টিপস এবং ট্রিক
রিভিউ সমগ গল্প সমগ্র
কবিতা সমগ্র অপরেটর নিউজ
বিশেষ আয়োজন গানের কথা
অন্যান্য ও মজা বাংলা কৌতুক
জানা ও অজানা পড়াশোনা
চাকুরির বিজ্ঞপ্তি Web-Development
Return to Top Forums.Likebd.com :: Bangladesh First Forums and Community Place
Switch to Desktop Version
Back To : Likebd.com