CSS Border-Image Tutorial in Hindi / Urdu

In this tutorial you will learn css border-image property in hindi, urdu.If you want to show image or gradient in border then this css3 property border-image helps you.In this video you will also learn different border image related properties like border-image-source, border-image-slice, border-image-width, border-image-repeat and border-image shorthand.

[@RameshKumar-wf8uh]

Superb Sir.... I really loved your way of teaching. It is so helpful to grab the concepts.

[@YahooBaba]

Glad to hear that..... Thanks

[@tangudusravani7109]

Superb sir.. This is the first video I watch of your channel,, really it's very nice

[@YahooBaba]

Thanks and welcome

[@NoTimeWaste1]

Your explanation are the best, sir.

[@YahooBaba]

Glad you think so!

[@imjhassan2822]

Very nice sir ❤️ ❤️..
Love from Pakistan 🇵🇰 🇵🇰..

[@mixshots1801]

excellent explanation searching a lot for border image finally found correct one. Thanks for extra information also

[@YahooBaba]

You are welcome

[@aliahmad-ko2rb]

Fv chanell no words fr u yrr u kitnii mehnat krty
.

[@vivekbhatt3932]

Helpful and informative video 👍

[@YahooBaba]

Glad it was helpful!

[@AmanKumar097]

You are really a good teacher.. thank you so much..

[@YahooBaba]

You are welcome!

[@chandrakant6283]

Really good ... straightforward video 👍👍🏼

[@shanikhan5148]

Sir aap ny border image sy jo border gradient lgaya ha agr ma us border gradient ko border radius dena chao to wo kasay do ga

[@creativelifewithmanisha1488]

very clear cut excellent explanation Thank you so much Sir🙏

[@YahooBaba]

You are most welcome

[@rahulredekar761]

Thanks you made awesome video series with external website links and so much more.

[@YahooBaba]

Your welcome Rahul :)

[@huaweiphone8283]

Great Channel

[@ibnumahtabhussain8172]

This is a favorite one!

[@SIMARDGR8]

I want the border image file that u are using because i have used google frame images and using photoshop tried to apply that px in my sublime but the output is not correct. After applying border-image-slice: 15px.
It is showing the whole frame. So need ur help

[@blackboxbs8642]

can i use border color with border image?

[@chhavimanichoubey9437]

good explanation

[@amritathakur2036]

Super se bhi uper 🙏🦋🦋🦋

[@YahooBaba]

Thanks :)

[@631singh]

aache se smjh me aagya sir thanku so much sir

[@YahooBaba]

Your welcome :)

[@EishaBilal-nn7no]

Thank You so much sir 🥰

[@sanchit-8753]

Really good video. Thanks !!

[@YahooBaba]

Your welcome Sanchit :)

[@codinghabit782]

thanks :)

[@hanzlaziad4024]

the favourite one ❤️

[@ahsanjawed9543]

sir yeh border images k liye koi website ka source btayen ?

[@iamdanyaal]

Thank You Sir

[@abubakarabubakar-w4t]

Sir these videos are very helpful, can we know your name sir

[@YahooBaba]

My name is Sanchit Soni. My profile : www.linkedin.com/in/sanchitsoni/

[@vedanshmittal4810]

sir how to customize the quotes.....for eg:- border,size,color,etc....

[@shareskill91]

Thanks for this video

[@AuonNaqvi]

This property slices actual image by making the origin in corners according to the number provided here. The corner is respective to the corner of border image and if the number provided is more than the half of actual pixels then image overlaps in slicing and is not shown in edges. For example, an image of 50px width and 70px height. Then slice value should be below 25px and 35px for x-axis and y-axis respectively. I found out this through practice. So is this right?

[@courseonline5059]

Hello Sir . I hope you doing well . Sir can you please guide me that where i can download the border images. Thank you

[@YahooBaba]

I don't know where to download these images but you can make you own in Photoshop or Illustrator

[@learnwebgraphic2222]

Tusi great ho .

[@syedomer563]

marvelous ..!!

[@YahooBaba]

Thanks syed

[@AdriiPing]

Where can I download those border images?

[@mdhasiburrahmannafiz9984]

God bless you sir

[@YahooBaba]

Thanks for your good wishes :)

[@aishwaryaasthana1586]

Awesome

[@joydeb567]

thanks sir for border-image class

[@YahooBaba]

Your welcome Jay :)

[@sonu74303]

Sir sirf top or top mai dena ho to kya karenge

[@nehabelbase8129]

When i use relative url for the border-image url it doesn't work for me but when i use the url given by image border generator site then only the border shows up in the brower. why's that?

[@YahooBaba]

Because u r giving wrong relative path

[@programminglang4186]

Sir ,How to Download Border-image on MOZE-LA ,option is not available.

[@FandomMojo]

How can I used radius of border image gradient

[@pscreation2780]

if we want to give the border bottom image , how can we do, please replay.

[@manab112]

❤

[@ShutDownTechnical]

Mujhe select option se javascript through border image set karani hai to wo ho nahi raha

[@abhishekva449]

Good one

[@shivsharma3918]

Nice

[@lastlevelpro]

brother react ke tutorial kab se start karoge ?

[@YahooBaba]

Abhi kafi time lagega.

[@SanjuKumar-ye8xz]

Sir, ham corner ko round kaise kre. Jabki border radius work nhi kar rhi hai.

[@YahooBaba]

Aap apna border-radius ka code mujhe yha dikhaiye mein check karke batata hun ki kya galti hai.

[@iqraakbarali5927]

Excellant

[@YahooBaba]

Thanks Ali :)

[@muhammadmohtisham3289]

sir image sir corners pr arah ha just verticaly and horizontaly nahi arahi hai

[@YahooBaba]

send your code file and image on my email id : [e-mail]

[@SIMARDGR8]

Sir. I need a help.

[@akashaggarwal6325]

Lekin image kaha se aayi aapake sir

[@arvindersingh1376]

4:47 Pixel puxel 😂😂

[@631singh]

:D :D :D

[@narottamworld5528]

puxel kese likhte hai bro😅

[@avinashtambe4487]

Border image source is not working for android mobile ?

[@YahooBaba]

send me the website URL, I will check it on android mobile.

[@avinashtambe4487]

border-image-source:url(fonts/images.jpg);

[@avinashtambe4487]

@@YahooBaba sir all method trying but border image source is not working for mobile.

[@YahooBaba]

May be your image source path is wrong. Can u tell me where is your CSS file is places ... means in which folder.

[@codingpur2921]

Sir Image border doesn't work why??

[@YahooBaba]

It works ..... show me your code

[@codingpur2921]

@@YahooBaba border-image-source: url (heart.png);

[@YahooBaba]

That is incorrect. Correct code is :
border-image-source: url(heart.png);
No space after url and (

[@codingpur2921]

@@YahooBaba sir I tried evry Mathod but code is not running
But linear-gradient is running
But border imgae ????

[@codingpur2921]

@@YahooBaba sir can u give me solution plss🙏🏾

[@navdeepdhama403]

The word pixel puxall😂

[@priyanshu7129]

border image ka link send kr do

[@pavanpatil7759]

Repeat Doesh not work

[@YahooBaba]

Show your code.

[@rejinrajan7870]

Good explanation