டெயில்விண்டில் பின்னணி கிளிப் மூலம் பிரேக் பாயிண்ட் மற்றும் மீடியா வினவல்களை எவ்வாறு பயன்படுத்துவது

Teyilvintil Pinnani Kilip Mulam Pirek Payint Marrum Mitiya Vinavalkalai Evvaru Payanpatuttuvatu

ஒரு வலைப்பக்கத்தில் வெவ்வேறு பிரிவுகளை உருவாக்கும் போது, புரோகிராமர் பின்னணியை கிளிப் செய்ய வேண்டும் அல்லது உள்ளடக்கத்தை குவிப்பதற்காக அதை மாற்ற வேண்டும். இந்த முறையானது இணைக்கப்பட்ட உள்ளடக்கத்தை திறம்பட நிர்வகிப்பதற்கும் வெவ்வேறு பக்கப் பிரிவுகளை வடிவமைப்பதற்கும் உதவுகிறது.

இந்த வலைப்பதிவு பின்வரும் அடிப்படைக் கருத்துகளை விரிவுபடுத்துகிறது:

டெயில்விண்டில் பின்னணி கிளிப் மூலம் பிரேக் பாயிண்ட்கள் மற்றும் மீடியா வினவல்களை எவ்வாறு பயன்படுத்துவது/பயன்படுத்துவது?
டெயில்விண்டில் பின்னணி கிளிப் மூலம் பிரேக் பாயின்ட்களைப் பயன்படுத்துதல்.
டெயில்விண்டில் பின்னணி கிளிப்புடன் மீடியா வினவல்களைப் பயன்படுத்துதல்.

டெயில்விண்டில் பின்னணி கிளிப் மூலம் பிரேக் பாயிண்ட்கள் மற்றும் மீடியா வினவல்களை எவ்வாறு பயன்படுத்துவது/பயன்படுத்துவது?

' bg-clip-{keyword} 'உறுப்பின் பின்னணியின் எல்லைப் பெட்டியை அமைக்க பயன்பாடு பயன்படுத்தப்படுகிறது. இந்த பயன்பாடு பல பண்புகளுடன் பயன்படுத்தப்படலாம், அதாவது ' திணிப்பு பெட்டி ',' எல்லைப் பெட்டி ',' உள்ளடக்க பெட்டி ', மற்றும் ' உரை பெட்டி ”.

எடுத்துக்காட்டு 1: டெயில்விண்டில் பின்னணி கிளிப் மூலம் பிரேக் பாயிண்ட்களைப் பயன்படுத்துதல்

இந்த உதாரணம் 'பின்னணி கிளிப் மூலம் பிரேக் பாயின்ட்களை பயன்படுத்துகிறது' bg-clip-{keyword} 'உடன் பயன்பாடு' எம்.டி 'அதாவது, நடுத்தர அளவிலான திரைகள் மற்றும்' lg ”அதாவது, பெரிய அளவிலான திரை வகுப்புகள்:

< html >
< தலை >
< மெட்டா எழுத்துக்குறி = 'utf-8' >
< மெட்டா பெயர் = 'வியூபோர்ட்' உள்ளடக்கம் = 'அகலம்=சாதன அகலம், ஆரம்ப அளவு=1' >
< கையால் எழுதப்பட்ட தாள் src = 'https://cdn.tailwindcss.com' >< / கையால் எழுதப்பட்ட தாள் >
< / தலை >
< உடல் >
< உரைப்பகுதி வர்க்கம் = 'bg-clip-border p-6 bg-yellow-500 border-4 border-red-500 border-dashed md:bg-clip-text lg:bg-clip-padding' > இது டெயில்விண்ட் சிஎஸ்எஸ் < / உரைப்பகுதி >
< / உடல் >
< / html >

இந்த குறியீடு வரிகளின் படி:

முதலில், டெயில்விண்ட் செயல்பாடுகளைப் பயன்படுத்த CDN பாதையைக் குறிப்பிடவும்.
பின்னர், '' உறுப்பை உருவாக்கவும். <strong> bg-clip-{keyword}</strong> ” பயன்பாடு சிறிய அளவிலான திரைகளில் “எல்லை” என அமைக்கப்பட்டு “ <strong> bg-clip-text</strong> 'மற்றும்' <strong> bg-clip-padding</strong> நடுத்தர மற்றும் பெரிய அளவிலான திரைகளில் பயன்பாடுகள் <strong> எம்.டி</strong> 'மற்றும்' <strong> lg</strong> ”வகுப்புகள், முறையே.</li> </ul> <p> <strong> குறிப்பு:</strong> பயன்பாட்டைக் குறிப்பிடுவது '' இல் குறிப்பிடுவதைப் போன்றது. <strong> sm</strong> ' வர்க்கம்.</p><hr> <br /> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4062866992167421" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4062866992167421" data-ad-slot="9858463164" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><br /> <hr> <p> <strong> வெளியீடு</strong> </p> <p> <img class="alignnone wp-image-392117 size-full" alt="" src="https://softoban.com/img/other/ED/how-to-use-breakpoints-and-media-queries-with-background-clip-in-tailwind-1.gif"></p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="5"></ins><br /> <p> திரையின் அளவை விரிவுபடுத்தும் போது, அதற்கேற்ப பின்னணி கிளிப் செய்யப்படுகிறது என்பதை இந்த முடிவு குறிக்கிறது.</p> <h2 id="c"> <strong> எடுத்துக்காட்டு 2: டெயில்விண்டில் பின்னணி கிளிப் மூலம் மீடியா வினவல்களைப் பயன்படுத்துதல்</strong> </h2> <p> “பின்னணி கிளிப்” மூலம் மீடியா வினவல்களுக்கு பின்வரும் குறியீடு விளக்கக்காட்சி பொருந்தும். <strong> @மீடியா</strong> விதி மற்றும் குறிப்பிட்ட அளவுரு:</p> <!DOCTYPE html> <br> < <a href="http://december.com/html/4/element/html.html"><span class="kw2"> html</span></a> > <br> < <a href="http://december.com/html/4/element/head.html"><span class="kw2"> தலை</span></a> > <br> < <a href="http://december.com/html/4/element/meta.html"><span class="kw2"> மெட்டா</span></a> <span class="kw3"> எழுத்துக்குறி</span><span class="sy0"> =</span><span class="st0"> 'utf-8'</span> > <br> < <a href="http://december.com/html/4/element/meta.html"><span class="kw2"> மெட்டா</span></a> <span class="kw3"> பெயர்</span><span class="sy0"> =</span><span class="st0"> 'வியூபோர்ட்'</span> <span class="kw3"> உள்ளடக்கம்</span><span class="sy0"> =</span><span class="st0"> 'அகலம்=சாதன அகலம், ஆரம்ப அளவு=1'</span> > <br> < <a href="http://december.com/html/4/element/script.html"><span class="kw2"> கையால் எழுதப்பட்ட தாள்</span></a> <span class="kw3"> src</span><span class="sy0"> =</span><span class="st0"> 'https://cdn.tailwindcss.com'</span> ><<span class="sy0"> /</span> <a href="http://december.com/html/4/element/script.html"><span class="kw2"> கையால் எழுதப்பட்ட தாள்</span></a> > <br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/head.html"><span class="kw2"> தலை</span></a> > <br> < <a href="http://december.com/html/4/element/body.html"><span class="kw2"> உடல்</span></a> > <br> < <a href="http://december.com/html/4/element/textarea.html"><span class="kw2"> உரைப்பகுதி</span></a> <span class="kw3"> வர்க்கம்</span><span class="sy0"> =</span><span class="st0"> 'p-6 பிஜி-மஞ்சள்-500 பார்டர்-4 பார்டர்-சிவப்பு-500 பார்டர்-கோடு'</span> <span class="kw3"> ஐடி</span><span class="sy0"> =</span><span class="st0"> 'வெப்பநிலை'</span> >இது டெயில்விண்ட் CSS<<span class="sy0"> /</span> <a href="http://december.com/html/4/element/textarea.html"><span class="kw2"> உரைப்பகுதி</span></a> > <br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/body.html"><span class="kw2"> உடல்</span></a> > <br> < <a href="http://december.com/html/4/element/style.html"><span class="kw2"> பாணி</span></a> <span class="kw3"> வகை</span><span class="sy0"> =</span><span class="st0"> 'உரை/சிஎஸ்எஸ்'</span> > <br> #வெப்பநிலை<span class="br0"> {</span> <br> பின்னணி-கிளிப்: எல்லை-பெட்டி; <br> <span class="br0"> }</span> <br> @<span class="kw3"> ஊடகம்</span> <span class="br0"> (</span> அதிகபட்சம்-<span class="kw3"> அகலம்</span> :500px<span class="br0"> )</span><span class="br0"> {</span> <br> #வெப்பநிலை<span class="br0"> {</span> <br> பின்னணி கிளிப்: திணிப்பு பெட்டி; <br> <span class="br0"> }</span><span class="br0"> }</span> <br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/style.html"><span class="kw2"> பாணி</span></a> > <br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/html.html"><span class="kw2"> html</span></a> ><p> குறியீட்டின் இந்த துணுக்கில்:</p> <ul> <li> டெயில்விண்ட் CDN பாதையை இணைத்து “<textarea>” உறுப்பை உருவாக்குவதற்கான வழிமுறைகளை மீண்டும் செய்யவும்.</li> <li> இப்போது, CSS குறியீட்டில், இயல்புநிலையைக் குறிப்பிடவும் ' <strong> பின்னணி கிளிப்</strong> 'சொத்து ஒரு' <strong> எல்லைப் பெட்டி</strong> ”.</li> <li> அதன் பிறகு, செயல்படுத்தவும் ' <strong> @மீடியா</strong> கொடுக்கப்பட்ட அளவுருவுடன் கூடிய விதி திரையின் அகலம் '500' பிக்சல்களுக்கு சமமாக இருக்கும் வரை, ' <strong> பின்னணி கிளிப்</strong> 'சொத்து அமைக்கப்பட்டுள்ளது' <strong> திணிப்பு பெட்டி</strong> ”.</li> </ul> <p> <strong> வெளியீடு</strong> </p> <p> <img class="alignnone wp-image-392118 size-full" alt="" src="https://softoban.com/img/other/ED/how-to-use-breakpoints-and-media-queries-with-background-clip-in-tailwind-2.gif"></p> <p> இந்த முடிவிலிருந்து, திரையின் மாற்றப்பட்ட அகலத்திற்கு ஏற்ப பின்னணி கிளிப் மாற்றப்பட்டுள்ளதா என்பதைச் சரிபார்க்கலாம்.</p> <h2> <strong> முடிவுரை</strong> </h2> <p> பின்புல கிளிப்பை டெயில்விண்ட் பிரேக் பாயிண்ட்ஸ் மற்றும் மீடியா வினவல்கள் மூலம் பயன்படுத்தப்படும் ' <strong> bg-clip-{keyword}</strong> 'உடன் பயன்பாடு' <strong> எம்.டி</strong> ' அல்லது ' <strong> lg</strong> 'வகுப்புகள், அல்லது வழியாக' <strong> @மீடியா</strong> ” விதி. முக்கிய சொல்லை 'பேடிங்-பாக்ஸ்', 'பார்டர்-பாக்ஸ்', 'உள்ளடக்கம்-பெட்டி', 'உரை பெட்டி' மற்றும் பலவற்றிற்கு அமைக்கலாம். இந்த வழிகாட்டியில், டெயில்விண்டில் பின்னணி கிளிப் மூலம் பிரேக் பாயிண்ட்கள் மற்றும் மீடியா வினவல்களின் பயன்பாட்டை நாங்கள் நிரூபித்துள்ளோம்.</p> </article> <div class="d-flex justify-content-center"> <script type="text/javascript">(function() { if (window.pluso)if (typeof window.pluso.start == "function") return; if (window.ifpluso==undefined) { window.ifpluso = 1; var d = document, s = d.createElement('script'), g = 'getElementsByTagName'; s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true; s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://share.pluso.ru/pluso-like.js'; var h=d[g]('body')[0]; h.appendChild(s); }})();</script> <div class="pluso" data-background="transparent" data-options="big,round,line,horizontal,nocounter,theme=06" data-services="facebook,twitter,email,print"></div> </div> <div class="tag-widget post-tag-container mb-5 mt-5"> <div class="tagcloud"> <a href="/marravai/" class="tag-cloud-link">மற்றவை</a> </div> </div> </div> </div> <div class="col-lg-4 sidebar ftco-animate bg-light pt-5"> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">வகை</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">ராஸ்பெர்ரி பை</a> </li><li> <a href="/ethernet/">ஈதர்நெட்</a> </li><li> <a href="/other/">மற்ற</a> </li><li> <a href="/nano/">நானோ</a> </li><li> <a href="/zoom/">பெரிதாக்கு</a> </li><li> <a href="/cinnamon/">இலவங்கப்பட்டை</a> </li><li> <a href="/reviews/">விமர்சனங்கள்</a> </li><li> <a href="/zorinos/">ஜோரினோஸ்</a> </li><li> <a href="/radio/">வானொலி</a> </li><li> <a href="/minecraft/">Minecraft</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">திறந்தவெளி</a> </li><li> <a href="/compression/">சுருக்க</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">விமானம்</a> </li><li> <a href="/office-productivity-software/">அலுவலக உற்பத்தி மென்பொருள்</a> </li><li> <a href="/boot/">துவக்க</a> </li><li> <a href="/system-calls/">கணினி அழைப்புகள்</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">நெட்வொர்க்கிங்</a> </li><li> <a href="/gpu/">Gpu</a> </li><li> <a href="/gimp/">ஜிம்ப்</a> </li><li> <a href="/plex/">Plex</a> </li><li> <a href="/uefi/">Uefi</a> </li><li> <a href="/docker/">கப்பல்துறை</a> </li><li> <a href="/firewall/">ஃபயர்வால்</a> </li><li> <a href="/wireshark/">வயர்ஷார்க்</a> </li><li> <a href="/synology/">சினாலஜி</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Ethereum</a> </li><li> <a href="/parrot-os/">கிளி ஓஎஸ்</a> </li><li> <a href="/sublime/">உயர்ந்தது</a> </li><li> <a href="/selinux/">செலினக்ஸ்</a> </li><li> <a href="/hyper-v/">ஹைப்பர்-வி</a> </li><li> <a href="/phone/">தொலைபேசி</a> </li><li> <a href="/kodi/">குறியீடு</a> </li><li> <a href="/gnome/">ஜினோம்</a> </li><li> <a href="/manjaro/">சுவையான</a> </li><li> <a href="/mouse/">சுட்டி</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">உருமாற்றம்</a> </li><li> <a href="/torrent/">தாரை</a> </li><li> <a href="/tablet/">மாத்திரை</a> </li><li> <a href="/pycharm/">பிச்சார்ம்</a> </li><li> <a href="/curl/">சுருட்டை</a> </li><li> <a href="/kde/">எங்கே</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">எழுத்துருக்கள்</a> </li><li> <a href="/ssl/">எஸ்எஸ்எல்</a> </li><li> <a href="/nvidia/">என்விடியா</a> </li><li> <a href="/images/">படங்கள்</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">மீன் வகை</a> </li><li> <a href="/mate/">துணை</a> </li><li> <a href="/vlc-media-player/">Vlc மீடியா பிளேயர்</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">பிட்காயின்</a> </li><li> <a href="/keyboard/">விசைப்பலகை</a> </li><li> <a href="/inkscape/">இன்க்ஸ்கேப்</a> </li><li> <a href="/encryption/">குறியாக்கம்</a> </li><li> <a href="/fedora/">ஃபெடோரா</a> </li><li> <a href="/owncloud/">சொந்த கிளவுட்</a> </li><li> <a href="/scanner/">ஸ்கேனர்</a> </li><li> <a href="/atom/">அணு</a> </li><li> <a href="/red-hat/">சிவப்பு தொப்பி</a> </li><li> <a href="/teamviewer/">டீம் வியூவர்</a> </li><li> <a href="/skype/">ஸ்கைப்</a> </li><li> <a href="/vpn/">Vpn</a> </li><li> <a href="/xfce/">Xfce</a> </li><li> <a href="/jupyter-notebook/">ஜூபிட்டர் நோட்புக்</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">வலைப்பதிவு</a> </li><li> <a href="/lvm/">எல்விஎம்</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">மீடியா பிளேயர்கள்</a> </li><li> <a href="/posix/">பொசிக்ஸ்</a> </li><li> <a href="/steam/">நீராவி</a> </li><li> <a href="/jenkins/">ஜென்கின்ஸ்</a> </li><li> <a href="/power/">சக்தி</a> </li><li> <a href="/oracle-linux/">ஆரக்கிள் லினக்ஸ்</a> </li><li> <a href="/netstat/">நெட்ஸ்டாட்</a> </li><li> <a href="/kvm/">சதுர மீட்டர்</a> </li><li> <a href="/bluetooth/">புளூடூத்</a> </li><li> <a href="/ssd/">எஸ்.எஸ்.டி</a> </li><li> <a href="/grep/">பிடியில்</a> </li><li> <a href="/gentoo/">ஜென்டூ</a> </li><li> <a href="/odyssey/">ஒடிஸி</a> </li><li> <a href="/audio/">ஆடியோ</a> </li><li> <a href="/cpu/">Cpu</a> </li><li> <a href="/tensorflow/">டென்ஸர்ஃப்ளோ</a> </li><li> <a href="/autodesk/">ஆட்டோடெஸ்க்</a> </li><li> <a href="/lubuntu/">லுபுண்டு</a> </li><li> <a href="/llvm/">Llvm</a> </li><li> <a href="/windows/">விண்டோஸ்</a> </li><li> <a href="/microsoft-edge/">மைக்ரோசாஃப்ட் எட்ஜ் (மரபு)</a> </li><li> <a href="/internet-explorer/">இன்டர்நெட் எக்ஸ்ப்ளோரர்</a> </li><li> <a href="/office/">அலுவலகம்</a> </li><li> <a href="/marravai/">மற்றவை</a> </li><li> <a href="/skaip/">ஸ்கைப்</a> </li><li> <a href="/ti-enes/">டிஎன்எஸ்</a> </li><li> <a href="/rasperri-pai/">ராஸ்பெர்ரி பை</a> </li><li> <a href="/vepkem/">வெப்கேம்</a> </li><li> <a href="/mitiya-pileyarkal/">மீடியா பிளேயர்கள்</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/hapraksi/">ஹாப்ராக்ஸி</a> </li><li> <a href="/knom/">க்னோம்</a> </li><li> <a href="/tuvakka/">துவக்க</a> </li><li> <a href="/uyarntatu/">உயர்ந்தது</a> </li><li> <a href="/upuntu-24-04-cat/">உபுண்டு 24.04</a> </li><li> <a href="/atutta-mekam/">அடுத்த மேகம்</a> </li><li> <a href="/aram/">அறம்</a> </li><li> <a href="/envitiya/">என்விடியா</a> </li><li> <a href="/usb-passthrough/">usb-passthrough</a> </li><li> <a href="/hpetora/">ஃபெடோரா</a> </li><li> <a href="/patukappana-totakkam/">#பாதுகாப்பான தொடக்கம்</a> </li><li> <a href="/catanam-pastru/">சாதனம்-பாஸ்த்ரூ</a> </li><li> <a href="/sdn/">SDN</a> </li><li> <a href="/iyakki-niruval/">இயக்கி-நிறுவல்</a> </li><li> <a href="/vekkanlan/">வேக்கன்லன்</a> </li><li> <a href="/dsm7-cat/">dsm7</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">பிரபல பதிவுகள்</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/AD/how-to-add-hours-to-date-object-in-javascript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/javaskiriptil-teti-porulukku-maninerankalai-evvaru-cerppatu">ஜாவாஸ்கிரிப்டில் தேதி பொருளுக்கு மணிநேரங்களை எவ்வாறு சேர்ப்பது</a> </h3> <div class="meta"> <div> <a href="/marravai/"><span class="icon-chat"></span> மற்றவை</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/24/how-to-only-install-the-client-tools-for-postgresql-on-windows-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/vintosil-postgresql-kkana-kilaiyant-karuvikalai-mattum-evvaru-niruvuvatu">விண்டோஸில் PostgreSQL க்கான கிளையண்ட் கருவிகளை மட்டும் எவ்வாறு நிறுவுவது</a> </h3> <div class="meta"> <div> <a href="/marravai/"><span class="icon-chat"></span> மற்றவை</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/36/how-to-install-synology-assistant-app-on-ubuntu-24-04-lts-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/upuntu-24-04-lts-il-synology-assistant-ceyaliyai-evvaru-niruvuvatu">உபுண்டு 24.04 LTS இல் Synology Assistant செயலியை எவ்வாறு நிறுவுவது</a> </h3> <div class="meta"> <div> <a href="/marravai/"><span class="icon-chat"></span> மற்றவை</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/66/how-to-use-node-js-on-raspberry-pi-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/raspberry-pi-il-node-js-ai-evvaru-payanpatuttuvatu">Raspberry Pi இல் Node.js ஐ எவ்வாறு பயன்படுத்துவது</a> </h3> <div class="meta"> <div> <a href="/marravai/"><span class="icon-chat"></span> மற்றவை</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/4D/how-to-use-ceil-function-in-php-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/php-il-ceil-ceyalpattai-evvaru-payanpatuttuvatu">PHP இல் ceil() செயல்பாட்டை எவ்வாறு பயன்படுத்துவது?</a> </h3> <div class="meta"> <div> <a href="/marravai/"><span class="icon-chat"></span> மற்றவை</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/91/how-to-change-background-image-in-javascript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/javaskiripttil-pinnani-patattai-marruvatu-eppati">ஜாவாஸ்கிரிப்ட்டில் பின்னணி படத்தை மாற்றுவது எப்படி</a> </h3> <div class="meta"> <div> <a href="/marravai/"><span class="icon-chat"></span> மற்றவை</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/36/how-to-build-a-discord-welcome-experience-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/tiskart-varaverpu-anupavattai-evvaru-uruvakkuvatu">டிஸ்கார்ட் வரவேற்பு அனுபவத்தை எவ்வாறு உருவாக்குவது</a> </h3> <div class="meta"> <div> <a href="/marravai/"><span class="icon-chat"></span> மற்றவை</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/0E/how-to-turn-off-silent-mode-on-iphone-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/aiponil-cailant-payanmuraiyai-evvaru-mutakkuvatu">ஐபோனில் சைலண்ட் பயன்முறையை எவ்வாறு முடக்குவது</a> </h3> <div class="meta"> <div> <a href="/marravai/"><span class="icon-chat"></span> மற்றவை</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/04/where-should-i-put-tags-in-html-markup-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/html-markappil-kuriccorkalai-enku-vaikka-ventum">HTML மார்க்அப்பில் குறிச்சொற்களை எங்கு வைக்க வேண்டும்?</a> </h3> <div class="meta"> <div> <a href="/marravai/"><span class="icon-chat"></span> மற்றவை</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/2B/what-is-the-difference-between-extends-and-implements-in-java-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/javavil-nittippatarkum-ceyalpatuttuvatarkum-enna-vittiyacam">ஜாவாவில் நீட்டிப்பதற்கும் செயல்படுத்துவதற்கும் என்ன வித்தியாசம்</a> </h3> <div class="meta"> <div> <a href="/marravai/"><span class="icon-chat"></span> மற்றவை</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/22/run-a-ghost-cms-using-docker-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/tokkaraip-payanpatutti-oru-kost-cms-ai-iyakkavum">டோக்கரைப் பயன்படுத்தி ஒரு கோஸ்ட் CMS ஐ இயக்கவும்</a> </h3> <div class="meta"> <div> <a href="/marravai/"><span class="icon-chat"></span> மற்றவை</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/CB/how-to-get-the-exponents-of-tensor-elements-in-pytorch-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/pytorch-il-tencar-uruppukalin-atukkukalai-evvaru-peruvatu">PyTorch இல் டென்சர் உறுப்புகளின் அடுக்குகளை எவ்வாறு பெறுவது?</a> </h3> <div class="meta"> <div> <a href="/marravai/"><span class="icon-chat"></span> மற்றவை</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/BD/how-to-create-a-new-project-on-gitlab-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/gitlab-il-oru-putiya-tittattai-uruvakkuvatu-eppati">GitLab இல் ஒரு புதிய திட்டத்தை உருவாக்குவது எப்படி?</a> </h3> <div class="meta"> <div> <a href="/marravai/"><span class="icon-chat"></span> மற்றவை</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/A2/how-to-trim-a-string-in-golang-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kolankil-oru-carattai-evvaru-olunkamaippatu">கோலாங்கில் ஒரு சரத்தை எவ்வாறு ஒழுங்கமைப்பது</a> </h3> <div class="meta"> <div> <a href="/marravai/"><span class="icon-chat"></span> மற்றவை</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/17/how-to-convert-long-to-int-in-java-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/javavil-ninta-ennaka-marruvatu-eppati">ஜாவாவில் நீண்ட எண்ணாக மாற்றுவது எப்படி</a> </h3> <div class="meta"> <div> <a href="/marravai/"><span class="icon-chat"></span> மற்றவை</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/BB/how-to-install-vmware-workstattion-17-player-on-windows-10-11-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/vintos-10-11-il-vmware-workstation-17-player-ai-evvaru-niruvuvatu">விண்டோஸ் 10/11 இல் VMware Workstation 17 Player ஐ எவ்வாறு நிறுவுவது</a> </h3> <div class="meta"> <div> <a href="/marravai/"><span class="icon-chat"></span> மற்றவை</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/EB/arp-spoofing-attack-analysis-in-wireshark-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/vayarsarkkil-arp-spuhpin-takkutal-pakuppayvu">வயர்ஷார்க்கில் ARP ஸ்பூஃபிங் தாக்குதல் பகுப்பாய்வு</a> </h3> <div class="meta"> <div> <a href="/marravai/"><span class="icon-chat"></span> மற்றவை</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/10/how-to-create-nodes-in-kubernetes-1.jpeg);"></a> <div class="text"> <h3 class="heading"> <a href="/kupernetsil-munaikalai-uruvakkuvatu-eppati">குபெர்னெட்ஸில் முனைகளை உருவாக்குவது எப்படி</a> </h3> <div class="meta"> <div> <a href="/marravai/"><span class="icon-chat"></span> மற்றவை</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/24/how-to-change-username-on-debian-11-bullseye-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/debian-11-bullseye-il-payanarpeyarai-marruvatu-eppati">Debian 11 Bullseye இல் பயனர்பெயரை மாற்றுவது எப்படி</a> </h3> <div class="meta"> <div> <a href="/marravai/"><span class="icon-chat"></span> மற்றவை</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/8B/how-to-make-cyan-dye-in-minecraft-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/minecraft-il-ciyan-cayattai-evvaru-tayarippatu">Minecraft இல் சியான் சாயத்தை எவ்வாறு தயாரிப்பது</a> </h3> <div class="meta"> <div> <a href="/marravai/"><span class="icon-chat"></span> மற்றவை</a> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div>  <div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div> <script src="https://softoban.com/template/js/jquery.min.js"></script> <script src="https://softoban.com/template/js/jquery-migrate-3.0.1.min.js"></script> <script src="https://softoban.com/template/js/popper.min.js"></script> <script src="https://softoban.com/template/js/bootstrap.min.js"></script> <script src="https://softoban.com/template/js/jquery.easing.1.3.js"></script> <script src="https://softoban.com/template/js/jquery.waypoints.min.js"></script> <script src="https://softoban.com/template/js/jquery.stellar.min.js"></script> <script src="https://softoban.com/template/js/owl.carousel.min.js"></script> <script src="https://softoban.com/template/js/jquery.magnific-popup.min.js"></script> <script src="https://softoban.com/template/js/aos.js"></script> <script src="https://softoban.com/template/js/jquery.animateNumber.min.js"></script> <script src="https://softoban.com/template/js/scrollax.min.js"></script> <script src="https://softoban.com/template/js/main.js"></script> <script async="" defer="" src="//www.instagram.com/embed.js"></script> <script async="" src="https://platform.twitter.com/widgets.js"></script> <script> window.onload = function(){ for(i in document.images) { if(document.images[i].naturalWidth==0){ if(window.location.pathname.length > 1){ document.images[i].style="display:none" } else { document.images[i].src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" } } } } $(document).ready(() => { $('nav').find('a').each(function(){ if($(this).attr('href') == window.location.pathname){ $(this).parent('li').addClass('active') } }) var wrapper = '<div class="embeded-video"></div>'; if($('iframe[width="560"]').length > 1){ $('.m_v').remove(); }else{ } $('iframe[src^="https://www.youtube.com/embed/"]').wrap(wrapper); let loc = window.location.pathname; if(loc == '/privacy-policy'){ $('div.embeded-video').remove(); $('blockquote').remove(); } }) </script> <script type="text/javascript" src="https://s.skimresources.com/js/192355X1670518.skimlinks.js"></script></body> </html>