Difference between revisions of "Template:IPA chart/table vowels"

From blackwiki
Jump to navigation Jump to search
imported>DePiep
m (moved Template:CSS IPA vowel chart to Template:IPA vowel chart: Used technique (CSS) not needed in title.)
imported>DePiep
(Reorganise layout to cooperate with navigationbox Vowels. Add documentation.)
Line 4: Line 4:
 
     Commons:  [[:Image:Close front rounded vowel.ogg|y]]
 
     Commons:  [[:Image:Close front rounded vowel.ogg|y]]
 
When making edits to this chart, it is recommended that you make the same edits to both copies.
 
When making edits to this chart, it is recommended that you make the same edits to both copies.
Using a browser text size between 6 and 20 pixels is recommended when viewing this chart. --><!-- Wikipedia only: --><!-- It's not necessary to add the "w:" in links from here, as that refers to the English Wikipedia, which is what you're looking at. --><noinclude>{{SpecialChars}}</noinclude><!-- above Wikipedia only -->
+
Using a browser text size between 6 and 20 pixels is recommended when viewing this chart. --><!-- Wikipedia only: --><!-- It's not necessary to add the "w:" in links from here, as that refers to the English Wikipedia, which is what you're looking at. --><noinclude>{{SpecialChars}}<!-- above Wikipedia only --></noinclude>
{| class="IPA" cellspacing="0px" cellpadding=0 style="text-align:center; background:transparent;"
+
{| class="IPA" cellspacing="0px" cellpadding=0 style="width=360px; text-align:center; background:transparent;" border=0
|- style="text-align:center; font-size:smaller;"
+
|+ '''[[Media:IPA vowel chart 2005.png|IPA vowel chart]]'''
|style="padding-bottom:3px;"| <span style="align:left; font-size:90%;" class="editlink noprint plainlinksneverexpand">[&nbsp;[{{fullurl:Template:CSS IPA vowel chart|action=edit}} ''edit'']{{bull}}[{{fullurl:Template talk:CSS IPA vowel chart|redirect=no}} ''discuss'']&nbsp;]</span>
+
|- style="text-align:center; font-size:90%"
 +
| style="width: 60px; padding-bottom:3px;"| &nbsp;
 
| style="width: 60px;" | '''[[Front vowel|Front]]'''
 
| style="width: 60px;" | '''[[Front vowel|Front]]'''
| style="width: 60px; word-spacing: -.3em;" | '''[[Near-front vowel|Near- front]]'''
+
| style="width: 60px; word-spacing: -.3em;" | [[Near-front vowel|Near-{{0ws}}front]]
 
| style="width: 60px;" | '''[[Central vowel|Central]]'''
 
| style="width: 60px;" | '''[[Central vowel|Central]]'''
| style="width: 60px;word-spacing: -.3em;" | '''[[Near-back vowel|Near- back]]'''
+
| style="width: 60px;word-spacing: -.3em;" | [[Near-back vowel|Near-{{0ws}}back]]
 
| style="width: 60px;" | '''[[Back vowel|Back]]'''
 
| style="width: 60px;" | '''[[Back vowel|Back]]'''
 
|-
 
|-
| style="height: 30px; font-size: smaller; text-align: right;" | '''[[Close vowel|Close]]'''
+
| style="height: 30px; font-size: 90%; text-align: right;" | '''[[Close vowel|Close]]'''
| style="height: 210px;" colspan=5 rowspan=7 | <div style="position: relative;">[[Image:Blank vowel trapezoid.svg|300px]]<div style="background: transparent; position: absolute; top: 0px; left: 0px;">
+
| style="height: 210px;" colspan=5 rowspan=7 | <div style="position: relative;">[[Image:Blank vowel trapezoid.svg|300px|link=]]<div style="background: transparent; position: absolute; top: 0px; left: 0px;">
 
{| style="position: relative; width: 300px; height: 210px; text-align: center; background: transparent;"
 
{| style="position: relative; width: 300px; height: 210px; text-align: center; background: transparent;"
 
|-
 
|-
Line 21: Line 22:
  
 
<!-- CLOSE VOWELS -->
 
<!-- CLOSE VOWELS -->
<div style="position: absolute; left: 5%; width: 2.3em; top: 2%; background: white;">
+
<div style="position: absolute; left: 4.5%; width: 2.33em; top: 2%; background: white;">
 
{{IPA|[[Close front unrounded vowel|i]]{{·}}[[Close front rounded vowel|y]]}}</div>
 
{{IPA|[[Close front unrounded vowel|i]]{{·}}[[Close front rounded vowel|y]]}}</div>
<div style="position: absolute; left: 45%; width: 2.7em; top: 2%; background: white;">
+
<div style="position: absolute; left: 43.5%; width: 2.7em; top: 2%; background: white;">
 
{{IPA|[[Close central unrounded vowel|ɨ]]{{·}}[[Close central rounded vowel|ʉ]]}}</div>
 
{{IPA|[[Close central unrounded vowel|ɨ]]{{·}}[[Close central rounded vowel|ʉ]]}}</div>
<div style="position: absolute; left: 84%; width: 3em; top: 2%; background: white;">
+
<div style="position: absolute; left: 81.25%; width: 3em; top: 2%; background: white;">
 
{{IPA|[[Close back unrounded vowel|ɯ]]{{·}}[[Close back rounded vowel|u]]}}</div>
 
{{IPA|[[Close back unrounded vowel|ɯ]]{{·}}[[Close back rounded vowel|u]]}}</div>
  
 
<!-- NEAR-CLOSE VOWELS -->
 
<!-- NEAR-CLOSE VOWELS -->
<div style="position: absolute; left: 29%; width: 2.33em; top: 16%; background: white;">
+
<div style="position: absolute; left: 28%; width: 2.33em; top: 16%; background: white;">
{{IPA|[[Near-close near-front unrounded vowel|ɪ]]{{·}}[[Near-close near-front rounded vowel|ʏ]]}}</div>
+
{{IPA|[[Near-close near-front unrounded vowel|ɪ]]{{·}}[[Near-close near-front rounded vowel|ʏ]]}}</div><!-- non-IPA (start) -->
<div style="position: absolute; left: 69%; width: 1em; top: 16%; background: white;">
+
{{yesno|{{{shownonIPA|yes}}}|yes=<div style="position: absolute; left: 41.5%; width: 4.7em; top: 16%; background: white;">
{{IPA|[[Near-close near-back rounded vowel|ʊ]]}}</div>
+
{{IPA|[[Near-close central unrounded vowel|ɪ̈]]&thinsp;*{{·}}[[Near-close central rounded vowel|ʊ̈]]&thinsp;*}}</div>}}<!-- non-IPA (stop) -->
 +
<div style="position: absolute; left: 68%; width: 2.1em; top: 16%; background: white;">
 +
{{IPA|{{·}}[[Near-close near-back vowel|ʊ]]}}</div>
  
 
<!-- CLOSE-MID VOWELS -->
 
<!-- CLOSE-MID VOWELS -->
<div style="position: absolute; left: 17%; width: 2.7em; top: 30%; background: white;">
+
<div style="position: absolute; left: 16%; width: 2.7em; top: 30%; background: white;">
 
{{IPA|[[Close-mid front unrounded vowel|e]]{{·}}[[Close-mid front rounded vowel|ø]]}}</div>
 
{{IPA|[[Close-mid front unrounded vowel|e]]{{·}}[[Close-mid front rounded vowel|ø]]}}</div>
<div style="position: absolute; left: 51%; width: 2.7em; top: 30%; background: white;">
+
<div style="position: absolute; left: 50%; width: 2.7em; top: 30%; background: white;">
 
{{IPA|[[Close-mid central unrounded vowel|ɘ]]{{·}}[[Close-mid central rounded vowel|ɵ]]}}</div>
 
{{IPA|[[Close-mid central unrounded vowel|ɘ]]{{·}}[[Close-mid central rounded vowel|ɵ]]}}</div>
<div style="position: absolute; left: 84%; width: 2.7em; top: 30%; background: white;">
+
<div style="position: absolute; left: 83%; width: 2.7em; top: 30%; background: white;">
 
{{IPA|[[Close-mid back unrounded vowel|ɤ]]{{·}}[[Close-mid back rounded vowel|o]]}}</div>
 
{{IPA|[[Close-mid back unrounded vowel|ɤ]]{{·}}[[Close-mid back rounded vowel|o]]}}</div>
  
Line 47: Line 50:
  
 
<!-- OPEN-MID VOWELS -->
 
<!-- OPEN-MID VOWELS -->
<div style="position: absolute; left: 31%; width: 3em; top: 58%; background: white;">
+
<div style="position: absolute; left: 30%; width: 3em; top: 58%; background: white;">
 
{{IPA|[[Open-mid front unrounded vowel|ɛ]]{{·}}[[Open-mid front rounded vowel|œ]]}}</div>
 
{{IPA|[[Open-mid front unrounded vowel|ɛ]]{{·}}[[Open-mid front rounded vowel|œ]]}}</div>
<div style="position: absolute; left: 57%; width: 2.7em; top: 58%; background: white;">
+
<div style="position: absolute; left: 56.5%; width: 2.7em; top: 58%; background: white;">
 
{{IPA|[[Open-mid central unrounded vowel|ɜ]]{{·}}[[Open-mid central rounded vowel|ɞ]]}}</div>
 
{{IPA|[[Open-mid central unrounded vowel|ɜ]]{{·}}[[Open-mid central rounded vowel|ɞ]]}}</div>
<div style="position: absolute; left: 84%; width: 2.7em; top: 58%; background: white;">
+
<div style="position: absolute; left: 83%; width: 2.7em; top: 58%; background: white;">
 
{{IPA|[[Open-mid back unrounded vowel|ʌ]]{{·}}[[Open-mid back rounded vowel|ɔ]]}}</div>
 
{{IPA|[[Open-mid back unrounded vowel|ʌ]]{{·}}[[Open-mid back rounded vowel|ɔ]]}}</div>
  
 
<!-- NEAR-OPEN VOWELS -->
 
<!-- NEAR-OPEN VOWELS -->
<div style="position: absolute; left: 33%; width: 1.3em; top: 73%; background: white;">
+
<div style="position: absolute; left: 35.5%; width: 2em; top: 73%; background: white;">
{{IPA|[[Near-open front unrounded vowel|æ]]}}</div>
+
{{IPA|[[Near-open front unrounded vowel|æ]]{{·}}}}</div>
 
<div style="position: absolute; left: 64%; width: 1em; top: 73%; background: white;">
 
<div style="position: absolute; left: 64%; width: 1em; top: 73%; background: white;">
 
{{IPA|[[Near-open central vowel|ɐ]]}}</div>
 
{{IPA|[[Near-open central vowel|ɐ]]}}</div>
  
 
<!-- OPEN VOWELS -->
 
<!-- OPEN VOWELS -->
<div style="position: absolute; left: 44%; width: 3em; top: 86%; background: white;">
+
<div style="position: absolute; left: 42.5%; width: 3em; top: 86%; background: white;">
 
{{IPA|[[Open front unrounded vowel|a]]{{·}}[[Open front rounded vowel|ɶ]]}}</div>
 
{{IPA|[[Open front unrounded vowel|a]]{{·}}[[Open front rounded vowel|ɶ]]}}</div>
<div style="position: absolute; left: 84%; width: 2.7em; top: 86%; background: white;">
+
<div style="position: absolute; left: 83%; width: 2.7em; top: 86%; background: white;">
 
{{IPA|[[Open back unrounded vowel|ɑ]]{{·}}[[Open back rounded vowel|ɒ]]}}</div>
 
{{IPA|[[Open back unrounded vowel|ɑ]]{{·}}[[Open back rounded vowel|ɒ]]}}</div>
 
|}
 
|}
 
</div></div>
 
</div></div>
 
|-
 
|-
| style="height: 30px; font-size: smaller; text-align: right;" | '''[[Near-close vowel|Near-close]]'''
+
| style="height: 30px; font-size:90%; text-align: right;" | [[Near-close vowel|Near-close]]
 
|-
 
|-
| style="height: 30px; font-size: smaller; text-align: right;" | '''[[Close-mid vowel|Close-mid]]'''
+
| style="height: 30px; font-size:90%; text-align: right;" | [[Close-mid vowel|Close-mid]]
 
|-
 
|-
| style="height: 30px; font-size: smaller; text-align: right;" | '''[[Mid vowel|Mid]]'''
+
| style="height: 30px; font-size:90%; text-align: right;" | '''[[Mid vowel|Mid]]'''
 
|-
 
|-
| style="height: 30px; font-size: smaller; text-align: right;" | '''[[Open-mid vowel|Open-mid]]'''
+
| style="height: 30px; font-size:90%; text-align: right;" | [[Open-mid vowel|Open-mid]]
 
|-
 
|-
| style="height: 30px; font-size: smaller; text-align: right;" | '''[[Near-open vowel|Near-open]]'''
+
| style="height: 30px; font-size:90%; text-align: right;" | [[Near-open vowel|Near-open]]
 
|-
 
|-
| style="height: 30px; font-size: smaller; text-align: right;" | '''[[Open vowel|Open]]'''
+
| style="height: 30px; font-size:90%; text-align: right;" | '''[[Open vowel|Open]]'''
 +
|-
 +
| colspan=6 style="font-size: smaller; text-align: left;" |
 +
Before and after a bullet are the [[Roundedness|unrounded{{·}}rounded]] vowels.<br/>
 +
A [[Vowel length|long vowel]] is indicated by appending &nbsp;{{IPA|[[Vowel_length#IPA|'''<big>ː</big>''']]}}</br>
 +
{{yesno|{{{shownonIPA|yes}}}|yes=<nowiki>*</nowiki> Symbol not defined in IPA}}
 
|}<noinclude>
 
|}<noinclude>
  
 
+
{{documentation}}
<!-- Wikipedia only: -->
 
[[Category:Linguistics templates|Vowel chart, IPA]]
 
[[br:Patrom:CSS IPA vowel chart]]
 
[[ca:Plantilla:Taula vocals AFI]]
 
[[es:Plantilla:Vocales]]
 
[[mk:Шаблон:Шема на МФА самогласки]]
 
[[ja:Template:IPA母音表]]
 
[[pt:Predefinição:Vogais IPA]]
 
[[ru:Шаблон:Схема гласных МФА]]
 
[[sr:Шаблон:Шема самогласника МФА]]
 
[[vi:Tiêu bản:Biểu đồ nguyên âm IPA]]
 
[[zh:Template:CSS IPA vowel chart]]
 
<!-- above Wikipedia only -->
 
  
 
<!-- Commons only:
 
<!-- Commons only:

Revision as of 15:32, 9 July 2010

Template:Mergefrom Template:SpecialChars

IPA vowel chart
  Front Near-​front Central Near-​back Back
Close
Blank vowel trapezoid.svg
i · y
ɨ · ʉ
ɯ · u
ɪ · ʏ
ɪ̈ * · ʊ̈ *
 · ʊ
e · ø
ɘ · ɵ
ɤ · o
ɛ · œ
ɜ · ɞ
ʌ · ɔ
æ ·
a · ɶ
ɑ · ɒ
Near-close
Close-mid
Mid
Open-mid
Near-open
Open

Before and after a bullet are the unrounded · rounded vowels.
A long vowel is indicated by appending  ː
* Symbol not defined in IPA

Template documentation[view] [edit] [history] [purge]

Usage

As a bare table (chart): {{IPA vowel chart}}.
For navigation, this chart is transcluded into navbox: {{IPA navigation}}

Positioning

By default the template is floating to the right side of the page (float:right;). Text will run left of the template, and there is no {{clear}} so it might overlap a next section. Optionally, the float can be left by using

  • {{IPA vowel chart|float=left}}.

To force an align-placement, use:

  • <div align=center>{{IPA vowel chart|float=none}}</div>.

Technical notes

Subtemplate vowelpair

The templates uses subtemplate Template:IPA vowel chart/vowelpair to produce a pair of vowels. Usage:

  • {{IPA vowel chart/vowelpair|left-symbol|right-symbol|symbol-over-midbullet|top|left}}. Top and left are numeric, the distances in px counting from the top, left corner (do no type the "px"). This will be the position of the bullet (central); symbols will shove against it from left & right. The trapezoid is 300px width and 210px height.

Color scheme

The table uses a color scheme that is used on more phonetic IPA boxes. Help:Using colors describes how the English Wikipedia uses a set of four related colors, based on a single color (hue) e.g. green, are used on the wiki Main Page: headers, 2nd rank headers, borders and background. For another basic color, say blue, a corresponding set can be generated.
For this template, the colors are:

Hue Saturation 4% / Brightness 100%

main background
Saturation 10% / Brightness 100%

2nd header, accent colour
Saturation 15% / Brightness 95%
main border
header background
Saturation 15% / Brightness 75%

header border only
Hue: 60 #FFFFF5 #FFFFE6 #F2F2CE #BFBFA3

See also

br:Patrom:CSS IPA vowel chart ca:Plantilla:Taula vocals AFI es:Plantilla:Vocales mk:Шаблон:Шема на МФА самогласки ja:Template:IPA母音表 pt:Predefinição:Vogais IPA ru:Шаблон:Схема гласных МФА sr:Шаблон:Шема самогласника МФА vi:Tiêu bản:Biểu đồ nguyên âm IPA zh:Template:CSS IPA vowel chart