JavaScript CSS max-width Örnek

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

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

Javascript ile max-width özelliğine "200px" 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.maxWidth = "200px";
}

JavaScript css max-width © htmlvecssegitimi.blogspot.com

Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

HTML DOCTYPE Bildirimi

HTML <!DOCTYPE> Bildirimi Örnek <!DOCTYPE> Bildirimi: < !DOCTYPE html > < html > < head > < title > Sayfanızın başlığı < /title > < /head > < body > Sayfanızın içeriği........ < /body > < /html > 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 Sayfanızın başlığı Sayfanızın içeriği........ HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com <!DOCTYPE> Tanımı ve Kullanımı  HTML dökümanınızda <html> etiketinden önce, en başta olması gereken şey <!DOCTYPE> bildirimidir.  <!DOCTYPE> bildirimi bi...
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 »

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 »

İnternetten hangi alanlarda para kazanılır?-İnternetten para kazanmanın yolları

Resim
İnternetten para kazanmanın yolları İnternet, günümüzde pek çok kişi için hem bir eğlence hem de bir gelir kaynağıdır. İnternet üzerinden para kazanmak isteyenler için çeşitli seçenekler bulunmaktadır. Bu seçenekler arasında bazıları daha kolay, bazıları ise daha zor ve emek gerektiren yöntemlerdir. Bu yazıda, internetten para kazanmanın yollarını ve bunların avantajlarını ve dezavantajlarını sizler için anlatacağız. İnternetten hangi alanlarda para kazanılır? İnternetten para kazanmak isteyenler için birçok alan mevcuttur. Bunlardan bazıları şunlardır: Blog yazmak: Blog yazmak, internetten para kazanmanın en popüler yöntemlerinden biridir. Blog yazarak, ilgi duyduğunuz veya bilgi sahibi olduğunuz bir konu hakkında yazılar yayınlayabilir ve bunları okuyucularınızla paylaşabilirsiniz. Blog yazarak para kazanmanın yolları arasında reklam gelirleri, sponsorluklar, bağlı kuruluş pazarlaması, ürün satışı, e-kitap veya kurs oluşturma gibi seçenekler bulunmaktadır. Blog yazmanın avantajları a...
Devamı Oku »

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 »

Eski tarayıcılarda kod gizleme ve kod satırını bölme Javascript

Resim
Merhaba arkadaşlar bu yazımda  eski tarayıcılarda çalışmayan kodları nasıl gizleyebileceğimizi ve  uzunca yazılan  javascript kod satırlarını bölme yi öğreteceğim. Web tasarım ve kodlama dersleri adı altında  başlatmış olduğum javascript dersleri makalelerimin hepsini okumanızı istiyorum ve sizler için hazırlanan uygulamaların hepsini dikkatle uygulayarak öğrenin.Bir önceki yazımda javascript ile neler yapılabilir  konusunu işledim. Js de eski tarayıcılarda çalışma ve kod satırlarını gizleme Bazen web site yapmak istediğimizde  hangi programlama dilini kullanırsak kullanalım kodlar uzayabiliyor bu gibi durumlarda javascript kodlarını bölerek alt satıra rahatlıkla geçişler yapabiliriz.Aşağıdaki örnekte javascript kodunu  ters slash (\) ile bölerek rahatça kod yazımına devam edeceğiz.Örneği inceleyiniz. <!DOCTYPE HTML> <html lang="tr"> <head> <meta charset="UTF-8"> <title>Js ile kod satırını b...
Devamı Oku »

HTML5 ile SEO Uyumlu İçerik Üret

Resim
 Merhaba arkadaşlar , HTML5 ile SEO uyumlu içerik üretmek için   yapabileceğiniz çok basit ama bir blog ve web site için çok önemli olan bir kaç şeyi size paylaşıyorum. HTML5 ile SEO Uyumlu İçerik Üret Başlık Etiketlerini Etkili  Kullanın İçeriğinizi önemli anahtar kelimelerle vurgulamak için başlık etiketlerini (H1, H2, H3 vb.) kullanın. Anahtar kelimeleri bu başlık etiketlerinde yerleştirerek sayfanın yapısını anlamlı bir şekilde düzenleyin.  İçeriğinizde başlık etiketlerini (H1, H2, H3 vb.) kullanarak sayfada hiyerarşi oluşturun. Ana başlık (H1) sadece bir kez kullanılmalı ve diğer başlık etiketleri (H2, H3 vb.) alt başlıklar için kullanılmalıdır. Meta Etiketlerini Kullanmayı Unutmayın  Meta açıklama etiketini kullanarak sayfanın içeriğini özetleyin vemümkünse  anahtar kelimelerinizin en azından bir tanesi meta açıklamada bulunsun. Anahtar kelimeleri de bu açıklamada kullanarak arama motorlarının içeriğinizi daha iyi anlamasını sağlayın. Ayrıca, her...
Devamı Oku »

YouTube Reklam Engelleyici

Resim
YouTube reklam engelleyici ile internetten hem para kazan abilir hem de internetteki Google reklamlarını yani YouTube reklamlarını da engelleyebilir, kapatabilirsiniz .Nasıl mı ? Okumaya devam edin bundan sonra  kendinize daha çok zaman ayırabilecek hızlı güvenli bir internet keyfi yaşayacaksınız. Reklamları sonsuza kadar kaldıran Uygulamayı Hemen Keşfet YouTube Music gibi ücretli hizmetlere hiç girişmeyin derim. Acelem var diyorsanız hemen Brave  Mobil Uygulama | YouTube Reklam Engelleyici 'ı indirin ben de o sırada size reklamları kaldıran uygulama | tarayıcı hakkında bilgi vereyim. Ücretsiz YouTube Reklam Engelleyici  YouTube 'da dizi izlerken film izlerken sürekli yerinizden kalkıp reklamı geç butonuna bastığınız oldu mu ? Eminim bu ve benzeri bir çok anınız vardır reklamları kapatma ile ilgili.İşte artık reklamları kapatmayı veya engellemeyi öğrenmenize gerek yok. YouTube Reklam Engelleyici İndir YouTube Reklam Engelleyici Mobil Uygulama yı'ı indirmek için  s...
Devamı Oku »