Bir textarea'n─▒n yeniden boyutland─▒r─▒labilir ├Âzelli─čini nas─▒l devre d─▒┼č─▒ b─▒rak─▒r─▒m?


Al─▒nan cevaba git


A'n─▒n yeniden boyutland─▒r─▒labilir ├Âzelli─čini devre d─▒┼č─▒ b─▒rakmak istiyorum textarea .

┼×u anda, textarea a'n─▒n sa─č alt k├Â┼česine t─▒klayarak textarea ve fareyi s├╝r├╝kleyerek yeniden boyutland─▒rabilirim . Bunu nas─▒l devre d─▒┼č─▒ b─▒rakabilirim?


Resim tan─▒m─▒n─▒ buraya girin


2505









Cevap say─▒s─▒n─▒ say: 17






A┼ča─č─▒daki CSS kural─▒, textarea ├Â─čeler i├žin yeniden boyutland─▒rma davran─▒┼č─▒n─▒ devre d─▒┼č─▒ b─▒rak─▒r :

 textarea {
  resize: none;
}
 

(Hepsi de─čil) baz─▒lar─▒ i├žin onu devre d─▒┼č─▒ b─▒rakmak i├žin textarea , bir var s se├ženeklerin ├žift .

Bir ├Âzg├╝ devre d─▒┼č─▒ b─▒rakmak i├žin textarea birlikte name i├žin ├Âznitelik k├╝mesi foo (yani <textarea name="foo"></textarea> ):

 textarea[name=foo] {
  resize: none;
}
 

Veya bir id ├Âznitelik kullanarak (yani <textarea id="foo"></textarea> ):

 #foo {
  resize: none;
}
 

W3C sayfa hi├žbiri, hem yatay, dikey ve devralma: k─▒s─▒tlamalar─▒n─▒ boyutland─▒rma i├žin listeler olas─▒ de─čerler:

 textarea {
  resize: vertical; /* user can resize vertically, but width is fixed */
}
 

Hangi taray─▒c─▒lar─▒n bu ├Âzelli─či destekledi─čini g├Ârmek i├žin uygun bir uyumluluk sayfas─▒n─▒ inceleyin . Jon Hulka'n─▒n dedi─či gibi, boyutlar maksimum geni┼člik, maksimum y├╝kseklik, minimum geni┼člik ve minimum y├╝kseklik kullan─▒larak CSS'de daha da k─▒s─▒tlanabilir .

Bilmek s├╝per ├Ânemli:

Bu ├Âzellik ta┼čma ├Âzelli─či g├Âr├╝n├╝rden ba┼čka bir ┼čey olmad─▒─č─▒ s├╝rece hi├žbir ┼čey yapmaz, bu ├žo─ču ├Â─čenin varsay─▒lan─▒d─▒r. Genelde bunu kullanmak i├žin ta┼čma gibi bir ┼čey ayarlaman─▒z gerekir: kayd─▒rma;

Chris Coyier taraf─▒ndan al─▒nt─▒, http://css-tricks.com/almanac/properties/r/resize/


3338







CSSÔÇÖde ...

 textarea {
    resize: none;
}
 

199







─░ki ┼čey buldum:

─░lk

 textarea{resize: none}
 

Bu, hen├╝z yay─▒nlanmayan , Firefox 4 (ve ├╝st├╝), Chrome ve Safari ile uyumlu bir CSS 3't├╝r .

Ba┼čka bir format ├Âzelli─či dir niteli─čini overflow: auto dikkate alarak do─čru kayd─▒rma ├žubu─čundan kurtulmakt─▒r .

Kod ve farkl─▒ taray─▒c─▒lar

Temel HTML

 <!DOCTYPE html>
<html>
<head>
</head>
<body>
    <textarea style="overflow:auto;resize:none" rows="13" cols="20"></textarea>
</body>
</html>
 

Baz─▒ taray─▒c─▒lar

  • Internet Explorer 8


Resim tan─▒m─▒n─▒ buraya girin

  • Firefox 17.0.1


Resim tan─▒m─▒n─▒ buraya girin

  • Krom


Resim tan─▒m─▒n─▒ buraya girin


102







CSS 3, bunu yapman─▒za izin verecek olan UI ├Â─čeleri i├žin yeni bir ├Âzelli─če sahiptir. ├ľzellik resize ├Âzelli─čidir . B├Âylece, t├╝m textarea ├Â─čelerinin yeniden boyutland─▒r─▒lmas─▒n─▒ devre d─▒┼č─▒ b─▒rakmak i├žin stil sayfan─▒za a┼ča─č─▒dakileri eklersiniz:

 textarea { resize: none; }
 

Bu bir CSS 3 ├Âzelli─čidir; Taray─▒c─▒ uyumlulu─čunu g├Ârmek i├žin bir uyumluluk tablosu kullan─▒n.

┼×ahsen, textarea unsurlar─▒ ├╝zerinde etkisiz hale getirmenin ├žok can s─▒k─▒c─▒ oldu─čunu d├╝┼č├╝n├╝rd├╝m. Bu, tasar─▒mc─▒n─▒n kullan─▒c─▒n─▒n m├╝┼čterisini "k─▒rmaya" ├žal─▒┼čt─▒─č─▒ durumlardan biridir. Tasar─▒m─▒n─▒z daha b├╝y├╝k bir textareay─▒ bar─▒nd─▒ramazsa, tasar─▒m─▒n─▒z─▒n nas─▒l ├žal─▒┼čt─▒─č─▒n─▒ yeniden g├Âzden ge├žirmek isteyebilirsiniz. Herhangi bir kullan─▒c─▒ textarea { resize: both !important; } tercihinizi ge├žersiz k─▒lmak i├žin kullan─▒c─▒ stil sayfas─▒na ekleyebilir .


62







 <textarea style="resize:none" rows="10" placeholder="Enter Text" ></textarea>
 

22







Derin deste─če ihtiyac─▒n─▒z varsa, eski bir okul tekni─čini kullanabilirsiniz:

 textarea {
    max-width: /* desired fixed width */ px;
    min-width: /* desired fixed width */ px;
    min-height: /* desired fixed height */ px;
    max-height: /* desired fixed height */ px;
}
 

20







Bu kolayca HTML ile yap─▒labilir:

 <textarea name="textinput" draggable="false"></textarea>
 

Bu benim i├žin ├žal─▒┼č─▒yor. Varsay─▒lan de─čer true i├žin draggable ├Âznitelik.


13







Resize ├Âzelli─čini devre d─▒┼č─▒ b─▒rakmak i├žin a┼ča─č─▒daki CSS ├Âzelli─čini kullan─▒n:

 resize: none;
 
  • Bunu bunun gibi bir sat─▒r i├ži stil ├Âzelli─či olarak uygulayabilirsiniz:

     <textarea style="resize: none;"></textarea>
     
  • veya a┼ča─č─▒daki <style>...</style> gibi element etiketleri aras─▒nda :

     textarea {
        resize: none;
    }
     

6







Siz sadece kullan─▒n: resize: none; CSS'inizde.

Boyutland─▒rma ├Âzelli─či belirtir bir eleman Kullan─▒c─▒ boyutunu olup olmad─▒─č─▒n─▒.

Not: resize ├Âzelli─či, hesaplanm─▒┼č ta┼čma de─čeri "g├Âr├╝lebilir" den ba┼čka bir ┼čey olan ├Â─čelere uygulan─▒r.

Ayr─▒ca ┼ču anda Internet Explorer'da desteklenmeyen yeniden boyutland─▒rma .

─░┼čte yeniden boyutland─▒rmak i├žin farkl─▒ ├Âzellikler:

Yeniden Boyutland─▒rma Yok:

 textarea {
  resize: none;
}
 

Her iki yolu da yeniden boyutland─▒r─▒n (dikey ve yatay):

 textarea {
  resize: both;
}
 

Dikey olarak yeniden boyutland─▒r:

 textarea {
  resize: vertical;
}
 

Yatay olarak yeniden boyutland─▒r:

 textarea {
  resize: horizontal;
}
 

Ayr─▒ca varsa width ve height sizin CSS veya HTML, daha geni┼č bir taray─▒c─▒lar deste─či ile, sizin textarea yeniden boyutland─▒r─▒l─▒r ├Ânleyecektir.


6







CSS 3 bu sorunu ├ž├Âzebilir. Ne yaz─▒k ki, bug├╝nlerde yaln─▒zca kullan─▒lan taray─▒c─▒lar─▒n% 60'─▒nda desteklenmektedir .

Internet Explorer ve iOS i├žin size yeniden boyutland─▒rma kapatamazs─▒n─▒z, ancak s─▒n─▒rlayabilir textarea onun ayarlayarak boyut width ve height .

 /* One can also turn on/off specific axis. Defaults to both on. */
textarea { resize:vertical; } /* none|horizontal|vertical|both */
 

Demoyu G├Âr


3







Sadece edebilirsiniz textarea devre d─▒┼č─▒ b├Âyle ├Âzellik:

 textarea {
    resize: none;
}
 

Dikey veya yatay yeniden boyutland─▒rmay─▒ devre d─▒┼č─▒ b─▒rakmak i├žin

 resize: vertical;
 

veya

 resize: horizontal;
 

3


2018-05-28





─░le @style , yeniden boyutland─▒rma ├Âzelli─či onu ├Âzel bir boyut vermek ve devre d─▒┼č─▒ b─▒rakabilir (resize: none;) .

 @Html.TextAreaFor(model => model.YourProperty, new { @style = "width: 90%; height: 180px; resize: none;" })
 

1







Bunu dene:

 #foo {
    resize: none;
} 
 <textarea rows="4" cols="50" name="foo" id="foo">
    Minisoft is the best website and software development company providing various IT services to individual and corporate clients globally. http://minisoft.com.bd
</textarea> 


1







Ayr─▒ca jQuery ile deneyebilirsiniz

 $('textarea').css("resize", "none");
 

0







Yeniden boyutland─▒rma ├Âzelliklerinin nas─▒l ├žal─▒┼čt─▒─č─▒n─▒ g├Âstermek i├žin k├╝├ž├╝k bir demo olu┼čturdum. Umar─▒m size ve ba┼čkalar─▒na da yard─▒mc─▒ olur.

 .resizeable {
  resize: both;
}

.noResizeable {
  resize: none;
}

.resizeable_V {
  resize: vertical;
}

.resizeable_H {
  resize: horizontal;
} 
 <textarea class="resizeable" rows="5" cols="20" name="resizeable" title="This is Resizable.">
This is Resizable. Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book.
</textarea>

<textarea class="noResizeable" rows="5" title="This will not Resizable. " cols="20" name="resizeable">
This will not Resizable. Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book.
</textarea>

<textarea class="resizeable_V" title="This is Vertically Resizable." rows="5" cols="20" name="resizeable">
This is Vertically Resizable. Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book.
</textarea>

<textarea class="resizeable_H" title="This is Horizontally Resizable." rows="5" cols="20" name="resizeable">
This is Horizontally Resizable. Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book.
</textarea> 


0







Ekleme !important ├žal─▒┼čmas─▒ yapar:

 width:325px !important; height:120px !important; outline:none !important;
 

outline sadece baz─▒ taray─▒c─▒lardaki mavi konturlar─▒ ├Ânlemek i├žindir.


0







T├╝m s'ler i├žin yeniden boyutland─▒rmay─▒ devre d─▒┼č─▒ b─▒rakmak i├žin textarea :

 textarea {
    resize: none;
}
 

Belirli bir boyut i├žin yeniden boyutland─▒rmay─▒ devre d─▒┼č─▒ b─▒rakmak i├žin bir ├Âzellik textarea ekleyin name veya bir id ┼čeye ayarlay─▒n. Bu durumda, adland─▒r─▒l─▒r noresize

HTML

 <textarea name='noresize' id='noresize'> </textarea>
 

CSS

 /* Using the attribute name */
textarea[name=noresize] {
    resize: none;
}
/* Or using the id */

#noresize {
    resize: none;
}
 

0


2016-10-25

─░lgili yay─▒nlar


Bir 'div' kab─▒na s─▒─čacak ┼čekilde bir resmi nas─▒l otomatik olarak yeniden boyutland─▒r─▒r─▒m?

Javascript'te bir nesnenin ilk ├Âzelli─čine nas─▒l eri┼čilir?

<textarea> yeniden boyutland─▒rma yakalay─▒c─▒s─▒n─▒ nas─▒l devre d─▒┼č─▒ b─▒rak─▒l─▒r? [├žift]

ViewPager'da parmakla kayd─▒rarak sayfalamay─▒ nas─▒l devre d─▒┼č─▒ b─▒rakabilirsiniz, ancak yine de programatik olarak kayd─▒rabilir?

Bir UIButton'un vurgu kontrol├╝ durumu nas─▒l devre d─▒┼č─▒ b─▒rak─▒l─▒r?

├ľnce EF Kodu: Nuget paket konsolundan 'EntityValidationErrors' ├Âzelli─čini nas─▒l g├Ârebilirim?

├çiftin ikinci eleman─▒na g├Âre bir ├žift vekt├Âr├╝n├╝ nas─▒l s─▒ralar─▒m?

UIPageViewController'in kayd─▒rma hareketini nas─▒l devre d─▒┼č─▒ b─▒rak─▒r─▒m?

Bir DataGridView kontrol├╝ndeki s├╝tunlar─▒ otomatik olarak nas─▒l yeniden boyutland─▒r─▒rs─▒n─▒z ve kullan─▒c─▒n─▒n ayn─▒ ─▒zgaradaki s├╝tunlar─▒ yeniden boyutland─▒rmas─▒n─▒ nas─▒l sa─člars─▒n─▒z?

WPFÔÇÖdeki WebBrowserÔÇÖ─▒n Source ├Âzelli─čini

Etiketle ilgili di─čer sorular [html]


─░nt nas─▒l numaraland─▒rmak i├žin?

JQuery kullanarak bir a├ž─▒l─▒r listeden (se├žme kutusu) se├žilen metni al

─░OS versiyonu nas─▒l kontrol edilir?

Visual Studio proje ├Âzelliklerinde ├že┼čitli ÔÇťOlu┼čturma eylemiÔÇŁ ayarlar─▒ nelerdir ve bunlar ne yapar?

AndroidÔÇÖdeki niyetten nas─▒l ekstra veri alabilirim?

Uzak dosyalar─▒n ├╝zerine yazmak i├žin "git push" ─▒ zorla

PostgreSQL'de yinelenen g├╝ncellemeye eklensin mi?

React / React Native'da constructor vs getInitialState kullanma aras─▒ndaki fark nedir?

Alfan├╝merik ve alt ├žizgi i├žin D├╝zenli ─░fade

Maksimum y├╝kleme dosyas─▒ boyutunu de─či┼čtirin