JavaScript CSS min-width Örnek

javascript css min-width özelliği örnek uygulama

Aşağıdaki kutu için bir genişlik (width) değeri tanımlanmadı .Genişliğini sınırlamak istediğimiz durumlarda min-width özelliği ile kutunun minumum genişliğini sınırlandırılabilir. . Bu örnekte kutunun genişliği minumum 700px olacaktır.

Javascript ile min-width özelliğine "700px" değeri verildiğindeki etkisini görmek için aşağıdaki çalıştır tuşuna basınız !

function fonk() {
document.getElementById("anakutu").style.minWidth = "700px";
}

JavaScript css min-width © htmlvecssegitimi.blogspot.com

Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

YouTube reklamları nasıl engellenir

Resim
YouTube Reklamlarını nasıl engellenir çok kolay Telefonunuzda ,bilgisayarınızda ,Androidte ve Iphone ceptelefonlarınızda YouTube reklamlarını kaldırmak için harika bir tarayıcı ve uygulama var . İnternet paketinizi yemez  hızlı güvenilir ve aynı zamanda kullandıkça para kazandırır. Bakalım neymiş bu Harika Youtube reklam engelleyici.Para ödemeden Youtube reklamlarını engelleyebilceğiniz için şimdiden mutlu olun harika bir tarayıcı uygulama sizi bekliyor . Reklamsız YouTube gibi şeylere gidip te  para vermeyin boş yere. Youtube reklamları nasıl engellenir ? Sordunuz hemen söyleyeyim  Ya bilgisayarınıza  reklam engelleyici tarayıcı   indireceksiniz ya da mobil telefonunuza güzel bir uygulama indireceksiniz.Benim tavsiyem ise  Chrome reklam engelleyici uzantısı kurmanızdansa  hem bilgisayarınıza hemde  Android IOS telefonunuzda YouTube reklam engelleyici harika bir uygulama tarayıcı indirmek. Acelem var  hemen indirmek istiyorum diyorsa...
Devamı Oku »

Uyurken Bile Para Kazanmak İster misin

Resim
    İnternetten para kazanmanın yolları   ile ilgili yazılar paylaşmaya devam edeceğim. Sizler de internetten gelir elde etmek istiyorsanız yazılarımı takip ederek  internetten para kazandıran siteler  ve uygular ile  hızlı ve kolay para kazan abilirsiniz. Harika Bir pasif gelir elde et Uyurken Bile Para Kazan Ücretsiz bitcoin kazan dıran bu harika sitenin ayrıca referans sistemi var. Üye olduğunuzda Refer(sayfasına gidip kendi linkinizi heryerde paylaşın ve para kazanmaya hemen başlayın.) Arkadaşlarınızı da üye yaparak  pasif gelir elde edebilirsiniz . Genelde  uyurken bile para kazan   denildiğinde anlamanız gereken bu sistemdir. Haydi  Ücretsiz Bitcin kazanmaya başlayalım  ve paraya dönüştürelim. Siteye Hemen Üye ol:  FreeBitcoin  ( tıkla ) Ücretsiz Bitcoin Kazandıran siteye hemen üye ol (arkadaşlarınla paylaş) uyurken bile para kazan Her saat bitcoin kazanabilirsin ( Şanslı isen 200 Dolar değerinde Bitcoin ) Kazandığın...
Devamı Oku »

Html dersleri

Resim
Html dersleri ne  kaldığımız yerden devam ediyoruz ve artık bir webmaster ya da kodyazarı olma yolunda adım adım ilerleyeceğiz.Bir önceki derste html konusunda basit bir başlangıç yapmıştık.Şimdi ise bir kaç hatırlatmayla kod editörlerini kullanarak ders anlatımına devam edeceğiz.Kodlama öğrenmek istiyorum mu demiştiniz? HTML' in açılımı H yper T ext M arkup L anguage yani Güçlü metin işaretleme dili de denebilir.Bu kelimeyi sıkça duyacağınız için açılımını bilmekte  yarar var.İnternet sayfaları yapamamızı sağlayan bu dil ile en basit haliyle bir web siteyi aşağıdaki kodlamıştık. <html> <head> <title> Belge başlığı </title> </head> <body> <h1> İçerik Başlığı </h1> <p> Bir paragraf........ </p> <p> Bir başka paragraf........ </p> </body> </html> Şimdi ise yukarıda gördüğünüz kodları editörde çalıştırarak test edin.Eğer kendi kullana...
Devamı Oku »

2020 En hızlı ve güvenli YouTube reklam engelleyici tarayıcı

Resim
  2020 Yılının en hızlı ve güvenli tarayıcısı hangisidir nedir diye soracak olursanız kesinlikle tüm dünyanın hem fikir olduğu Brave Browser 'dır.Bu kadar güvenli ve hızlı olmasının yanında reklamları engelleyip kaldırmasına ne demeli ? Ben şapka çıkartırım böyle tarayıcıya. Sizi bilmem 😍 Unutmadan söyleyeyim İnternet Teknolojisinin ve Web'in yani www  dediğimiz dünya çağında ağ dediğimiz, vazgeçemediğimiz bağımlısı olduğumuz  bu teknolojiye en büyük  yapı taşını koyan Javascriptin kurucusu    Brendan Eich  tarafından yapılmıştır.  Daha kime güvenelim değil mi ? 2020 YouTube Reklam Engelleyici İndir Bu harika Reklam Engelleyici uygulama nın hem masa üstü hem mobil versiyonları var .Sizler aşağıdaki Brave Browser Uygulamasını İndir resmine tıkladığınızda  otomatik olarak mobil mi masa üstü mü tablet mi kullandığınızı anlayacak ve size uygun sürümünü indirecektir. En hızlı ve En Güvenilir YouTube reklam engelleyicisini indirmek için buraya ...
Devamı Oku »

Web Sitenizden Çok Para Kazanin

Resim
  Web sitenizden daha fazla para kazanmanın yolları nı arıyorsanız, Adsterra gibi etkili bir reklam ağından faydalanabilirsiniz. Adsterra, bloglarınızda veya web sitelerinizde reklamlar yayınlayarak hızla para kazanmanızı sağlayan bir dizi avantaj sunmaktadır. Geçen yazımıda SEO içeriklerle web sitenizi arama motorlarınızda nasıl üst sıralara taşıyacağımızı anlatmıştık.Siz de web yayıncılık serüveninizde bloglarınızdan daha çok fazla trafik çekip takipçilerinizi ve trafiğinizi paraya dönüştürmek istiyorsanız bu yazı tam size göre. AdsTerra ile Bloğunuzdan Hemen para kazanmaya başlayın ! Adsterra'nın avantajlarından biri, anında reklam görüntülenme imkanıdır. Bir kez kayıt olduktan sonra, Adsterra'nın reklam ağına erişim sağlayarak bloglarınızda veya web sitelerinizde reklamların hemen yayınlanmasını sağlayabilirsiniz . Bu hızlı başlangıç, gelirinizi artırmanızı ve kazancınızı daha da büyütmenizi sağlar. Adsterra'nın sunduğu reklam çeşitliliği de dikkate değerdir. Kaps...
Devamı Oku »

Html belgesi yapısını anlama uygulaması

Resim
Html  dersi uygulama örneğimizde  html belgesinde temel etiketler ve kullanımını öğreneceğiz.Bu uygulama çok basit bir web sayfasının kodlarıdır.Sizlerde başlığı değiştirerek ya da paragraf etiketlerini değiştirerek kod yazmaya başlayabilirsiniz.Bir web sitesi yapmak için temel kurgu iyi bilinmelidir. <!DOCTYPE HTML> <html> <head> <title>Belge Başlığı</title> </head> <body> <h1>İçerik Başlığım</h1> <p>İlk paragrafım.....</p> </body> </html> Html belgesi uygulama videosu Bir html dökümanının uzantısı html'dir.Aşağıda izleyeceğiniz videoda sıfırdan html derslerine uygulamalarla başlamış olacağız.Videoyu izlemeden önce son hatırlatmaları yapalım. Doctype bildirimi ile tarayıcıya sitemizin html5 ile yapıldığını bildiriyoruz. Sitemiz html kodları içerisinde her elemanı kapsayan en önemli etikettir. Bizler kullanıcı olarak web sitelerinde sadece body kodları arası...
Devamı Oku »

HTML textarea Etiketi

<textarea> Etiketi Örnek HTML yazı alanı örneği: < textarea   rows= "8" cols= "30"> CSS dersleri dahil tüm HTML etiketlerinin kullanımını, standart özelliklerini, olay özelliklerini, örneklerini ve uygulamalarını htmlvecssegitimi.blogspot.com'da bulabilirsiniz. < /textarea > Kendiniz deneyin » htmlvecssegitimi.blogspot.com Kodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı'nda görüntüleyebilirsiniz. KODU ÇALIŞTIR SAYFAYI TEMİZLE SAYFAYI YENİLE KAYNAK KODLARI SONUÇ EKRANI CSS dersleri dahil tüm HTML etiketlerinin kullanımını, standart özelliklerini, olay özelliklerini, örneklerini ve uygulamalarını htmlvecssegitimi.blogspot.com'da bulabilirsiniz. HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com ...
Devamı Oku »

CSS border-radius-ozelligi

CSS border-radius Css border-radius özelliğini kullanarak html elemanlarının kenar yuvarlaklıkları ,yarıçapları gibi özellikler belirlenebilir. Örnek: Bu örneğimizde bir div kutusuna ve bir article html elemanına farklı border-radius değeri vererek özelliğin etkisini öğrenmeye çalışacağız. div { border: 5px solid pink; padding: 30px; background: yellow; width: 180px; border-radius: 20px; } article { border: 5px solid red; padding: 30px; background: yellow; width: 180px; border-radius: 90px; margin-top: 50px; } Kendiniz deneyin » CSS border-radius nedir nasıl kullanılır CSS border-radius CSS border-radius özellikleri &nbsp Varsayılan Değer: 0   Kalıtsallık: yok   Animasyon Özelliği: var Oynat Versiyon: CSS3   JavaScript border-r...
Devamı Oku »